*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0a0e1a;color:#fff;overflow-x:hidden}.header{padding:30px 50px;display:flex;justify-content:space-between;align-items:center;background:#0a0e1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center}.logo img{height:40px;width:auto}.header-actions{display:flex;gap:15px;align-items:center;background:#ffffff1a;padding:8px;border-radius:50px}.header-btn{width:50px;height:50px;border-radius:50%;background:#ffffff26;border:none;color:#fff;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s}.header-btn:hover{background:#ffffff40;transform:scale(1.05)}.header-btn.manager-active{background:#4caf5066;box-shadow:0 0 10px #4caf504d}.manager-indicator{display:none;align-items:center;gap:8px;padding:6px 16px;background:#4caf5033;border:1px solid rgba(76,175,80,.3);border-radius:50px;font-size:13px;color:#4caf50}.manager-indicator.active{display:flex}.manager-indicator .logout-link{color:#ffffff80;cursor:pointer;margin-left:4px;font-size:12px}.manager-indicator .logout-link:hover{color:#f44336}.container{padding:50px;max-width:1600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:30px}.project-card{background:linear-gradient(135deg,#606c884d,#3f4c6b4d);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.1)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.project-card.new-project{background:linear-gradient(135deg,#6496c833,#3c649633);border:2px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;min-height:300px}.project-card.new-project:hover{border-color:#ffffff80;background:linear-gradient(135deg,#6496c84d,#3c64964d)}.project-thumbnail{width:100%;height:240px;background:linear-gradient(135deg,#1a1f2e,#2a3040);display:flex;align-items:center;justify-content:center;position:relative}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-info{padding:20px}.project-name{font-size:18px;font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.project-name input{background:transparent;border:none;color:#fff;font-size:18px;font-weight:600;outline:none;flex:1;border-bottom:1px solid transparent}.project-name input:focus{border-bottom-color:#ffffff4d}.project-date{font-size:12px;color:#ffffff80;margin-bottom:12px}.project-actions{display:flex;gap:6px}.project-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#ffffffb3;flex-shrink:0}.project-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.08)}.btn-primary{background:#ffffff14;color:#ffffffb3}.btn-primary:hover{background:#ffffff26;color:#fff}.btn-danger{background:#f443361f;color:#f44336b3}.btn-danger:hover{background:#f4433640;color:#f44336}.new-project-icon{font-size:80px;color:#ffffff4d}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:linear-gradient(135deg,#1a1f2e,#2a3040);border-radius:20px;padding:40px;max-width:500px;width:90%;border:1px solid rgba(255,255,255,.1)}.modal-header{font-size:24px;margin-bottom:30px;font-weight:600}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#ffffffb3;font-size:14px}.form-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:16px;transition:all .3s}.form-input:focus{outline:none;border-color:#4caf5080;background:#ffffff14}.modal-actions{display:flex;gap:15px;margin-top:30px}.modal-btn{flex:1;padding:12px;border-radius:10px;border:none;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.modal-btn-primary{background:#4caf504d;color:#fff}.modal-btn-primary:hover{background:#4caf5080}.modal-btn-secondary{background:#ffffff1a;color:#fff}.modal-btn-secondary:hover{background:#ffffff26}.placeholder-icon{font-size:64px;color:#ffffff1a}.price-item{display:grid;grid-template-columns:1fr 100px 120px;gap:15px;padding:12px 15px;background:#ffffff08;border-radius:8px;margin-bottom:8px;align-items:center}.price-item:hover{background:#ffffff0f}.price-item-name{font-size:14px;color:#fff}.price-item-sku{font-size:12px;color:#ffffff80}.price-item-input{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px;text-align:right}.price-item-input:focus{outline:none;border-color:#4caf5080}.price-category{font-size:16px;font-weight:600;color:#4caf50;padding:15px 0 10px;border-bottom:1px solid rgba(76,175,80,.3);margin-bottom:10px}.tab-active{background:#4caf504d!important;border-color:#4caf5080!important;color:#fff!important}.search-bar{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;font-size:16px;transition:all .3s}.search-input:focus{outline:none;border-color:#4caf5080;background:#ffffff14}.search-input::placeholder{color:#ffffff4d}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d1117;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity .4s ease}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-logo{width:180px;margin-bottom:40px;animation:preloaderPulse 1.5s ease-in-out infinite}@keyframes preloaderPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.preloader-bar-container{width:220px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.preloader-bar{height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:2px;transition:width .1s linear}