body{margin:0}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{color:#fff;font-size:1.5rem;font-weight:700;gap:10px;text-decoration:none}.navbar-menu{gap:20px}.nav-link,.navbar-menu{align-items:center;display:flex}.nav-link{border-radius:6px;color:#fff;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background .2s}.nav-link:hover{background:#ffffff1a}.user-menu{align-items:center;border-left:1px solid #fff3;display:flex;gap:10px;padding-left:20px}.btn-logout,.user-menu span{font-weight:500}.btn-logout{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:background .2s}.btn-logout:hover{background:#ffffff4d}@media (max-width:768px){.navbar-content{flex-direction:column;gap:15px;height:auto;padding:15px 20px}.navbar-menu{align-items:stretch;flex-direction:column;width:100%}.user-menu{border-left:none;border-top:1px solid #fff3;padding-left:0;padding-top:15px}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-card h1{color:#667eea;font-size:2rem;margin-bottom:10px;text-align:center}.auth-card h2{color:#333;font-size:1.5rem;margin-bottom:30px;text-align:center}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.btn-primary{font-size:16px;padding:14px;width:100%}.error-message{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.dashboard{margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#333;font-size:2rem}.albums-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.album-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.album-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.album-cover{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.album-cover img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.album-card:hover .album-cover img{transform:scale(1.05)}.album-preview-img{object-fit:cover}.album-placeholder{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.no-media-text{color:#999;font-size:.9rem;margin:0}.folder-icon{color:#667eea;font-size:64px;opacity:.5}.media-count-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:20px;bottom:10px;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:10px}.album-info{padding:16px}.album-info h3{color:#333;font-size:1.2rem;margin:0 0 8px}.album-description{color:#666;font-size:.9rem;line-height:1.4;margin:0 0 12px}.album-stats{color:#999;display:flex;flex-direction:column;font-size:.85rem;gap:6px}.album-stats span{align-items:center;display:flex;gap:4px}.sub-albums-indicator{color:#667eea!important;font-weight:600}.btn-delete-album{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#c33;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s;width:32px}.album-card:hover .btn-delete-album{opacity:1}.modal .form-group{margin-bottom:20px}.modal .form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.modal .form-group input,.modal .form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;width:100%}.modal .form-group input:focus,.modal .form-group textarea:focus{border-color:#667eea;outline:none}.loading{padding:60px;text-align:center}.album-page{margin:0 auto;max-width:1400px;padding:20px}.album-header{flex-wrap:wrap;gap:20px;margin-bottom:30px}.album-header,.btn-back{align-items:center;display:flex}.btn-back{border:2px solid #ddd;gap:8px;padding:10px 16px}.btn-back:hover{background:#f5f5f5}.album-title{flex:1 1}.album-title h1{color:#333;margin:0 0 5px}.album-title p{color:#666;margin:0}.album-actions{display:flex;gap:12px}.btn-create-sub,.btn-select,.btn-slideshow,.btn-upload{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:transform .2s}.btn-cancel,.btn-deselect,.btn-move,.btn-select-all{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-move{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-move:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.btn-cancel{background:#f44;border:none;color:#fff}.btn-create-sub:hover,.btn-select:hover,.btn-slideshow:hover,.btn-upload:hover{transform:translateY(-2px)}.btn-cancel:hover,.btn-deselect:hover,.btn-move:not(:disabled):hover,.btn-select-all:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.media-item{position:relative}.media-item.selected{border-radius:12px;outline:4px solid #667eea;outline-offset:-4px}.selection-checkbox{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;height:32px;justify-content:center;left:10px;position:absolute;top:10px;width:32px;z-index:10}.selection-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.move-dialog-overlay{align-items:center;animation:fadeIn .2s;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:4000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.move-dialog{animation:slideUp .3s;background:#fff;border-radius:16px;box-shadow:0 10px 50px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.move-dialog h2{color:#333;font-size:1.5rem;margin:0 0 10px}.move-info{color:#666;font-size:.95rem}.albums-list,.move-info{margin-bottom:20px}.no-albums{color:#999;font-style:italic;padding:40px;text-align:center}.album-option{align-items:center;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .2s}.album-option:hover{background:#f5f7ff;border-color:#667eea;transform:translateX(5px)}.album-option-icon{font-size:36px;opacity:.8}.album-option-info h3{color:#333;font-size:1.1rem;margin:0 0 5px}.album-option-info p{color:#666;font-size:.9rem;margin:0}.btn-cancel-move{background:#e0e0e0;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:12px;transition:background .2s;width:100%}.btn-cancel-move:hover{background:#d0d0d0}.upload-progress-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.upload-progress-bar{background:#e0e0e0;border-radius:12px;height:24px;margin-bottom:10px;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;height:100%;position:relative;transition:width .3s ease}.upload-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.upload-progress-text{color:#667eea;font-size:.95rem;font-weight:600;margin:0;text-align:center}.sub-albums-section{margin-bottom:40px}.sub-albums-section h2{color:#333;font-size:1.3rem;margin-bottom:20px}.sub-albums-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.sub-album-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .2s}.sub-album-card:hover{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.sub-album-icon{font-size:48px;opacity:.7}.sub-album-info h3{color:#333;font-size:1.1rem;margin:0 0 5px}.sub-album-info p{color:#666;font-size:.9rem;margin:0}.media-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.media-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s}.media-item:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.media-preview{align-items:center;background:#f5f5f5;display:flex;height:250px;justify-content:center;overflow:hidden;width:100%}.media-preview img,.media-preview video{height:100%;object-fit:cover;width:100%}.media-actions{background:#fafafa;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:12px}.media-actions button{background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-size:16px;padding:8px 12px;transition:background .2s}.media-actions button:hover{background:#e8ebf7}.media-actions .btn-danger{color:#c33}.media-actions .btn-danger:hover{background:#fee}.slideshow-container{align-items:center;background:#000000f2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.close-slideshow{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;position:absolute;right:20px;top:20px;transition:background .2s}.close-slideshow:hover{background:#ffffff4d}.slideshow-speed-control{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:8px;color:#fff;display:flex;gap:12px;left:20px;padding:12px 20px;position:absolute;top:20px;z-index:2001}.slideshow-speed-control label{font-size:14px;font-weight:600}.slideshow-speed-control select{background:#00000080;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 12px;transition:background .2s}.slideshow-speed-control select:hover{background:#000000b3}.slideshow-speed-control select option{background:#333;color:#fff}.slideshow-content{align-items:center;display:flex;justify-content:center;max-height:80vh;max-width:90%}.slideshow-content img,.slideshow-content video{max-height:80vh;max-width:100%;object-fit:contain}.slideshow-controls{align-items:center;display:flex;gap:20px;margin-top:30px}.slideshow-controls button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .2s}.slideshow-controls button:hover{background:#ffffff4d}.slideshow-play-pause{background:#667eeacc!important;font-weight:600;padding:12px 24px!important}.slideshow-play-pause:hover{background:#667eea!important}.slideshow-controls span{color:#fff;font-size:18px}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state p{font-size:1.1rem;margin:20px 0}.fullscreen-viewer{align-items:center;background:#000000f2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.close-fullscreen{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:12px 24px;position:absolute;right:20px;top:20px;transition:background .2s;z-index:3001}.close-fullscreen:hover{background:#ffffff4d}.fullscreen-nav{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:60px;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:60px;z-index:3001}.fullscreen-nav:hover{background:#ffffff4d}.fullscreen-nav-prev{left:20px}.fullscreen-nav-next{right:20px}.fullscreen-content{align-items:center;display:flex;justify-content:center;max-height:85vh;max-width:95vw}.fullscreen-content img,.fullscreen-content video{box-shadow:0 10px 50px #00000080;max-height:85vh;max-width:100%;object-fit:contain}.fullscreen-info{background:#00000080;border-radius:8px;bottom:30px;color:#fff;left:50%;padding:12px 24px;position:absolute;text-align:center;transform:translateX(-50%)}.fullscreen-info p{margin:5px 0}.fullscreen-counter{font-size:.9rem;opacity:.8}.fullscreen-filename{font-size:1.1rem;font-weight:600;margin-bottom:8px}.fullscreen-metadata{display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;margin-bottom:8px;opacity:.9}.info-toggle-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;position:absolute;right:120px;top:20px;transition:background .2s;z-index:3001}.info-toggle-btn:hover{background:#ffffff4d}.media-info-panel{background:#000000e6;border-radius:12px;box-shadow:0 10px 40px #00000080;color:#fff;max-height:80vh;overflow-y:auto;padding:20px;position:absolute;right:20px;top:80px;width:400px;z-index:3001}.media-info-panel h3{border-bottom:2px solid #fff3;font-size:1.3rem;margin:0 0 20px;padding-bottom:10px}.info-section{margin-bottom:20px}.info-section h4{color:#667eea;font-size:1rem;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.info-row{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.info-label{font-size:.9rem;font-weight:600;opacity:.8}.info-value{font-size:.9rem;max-width:60%;text-align:right;word-break:break-word}.info-path{font-family:monospace;font-size:.75rem;opacity:.7}.close-info-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px;transition:background .2s;width:100%}.close-info-btn:hover{background:#ffffff4d}@media (max-width:768px){.fullscreen-nav{font-size:20px;height:50px;width:50px}.fullscreen-nav-prev{left:10px}.fullscreen-nav-next{right:10px}.close-fullscreen{font-size:16px;padding:8px 16px;right:10px;top:10px}.info-toggle-btn{font-size:12px;padding:8px 12px;right:10px;top:60px}.media-info-panel{left:20px;max-height:70vh;right:20px;top:110px;width:calc(100% - 40px)}.fullscreen-metadata{flex-direction:column;gap:4px}.slideshow-speed-control{flex-direction:column;gap:6px;left:10px;padding:8px 12px;top:10px}.slideshow-speed-control label{font-size:12px}.slideshow-speed-control select{font-size:12px;padding:6px 8px;width:100%}}.admin-page{margin:0 auto;max-width:1400px;padding:20px}.admin-page h1{color:#333;margin-bottom:20px}.admin-tabs{border-bottom:2px solid #eee;display:flex;gap:10px;margin-bottom:30px}.admin-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.admin-tabs button:hover{color:#667eea}.admin-tabs button.active{border-bottom-color:#667eea;color:#667eea}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:24px}.stat-icon{color:#667eea;font-size:48px;opacity:.8}.stat-info h3{color:#333;font-size:2rem;margin:0}.stat-info p{color:#666;font-size:.9rem;margin:5px 0 0}.users-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#333;margin:0}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.users-table th{color:#555;font-weight:600}.users-table th,.users-table tr:hover{background:#f8f9fa}.btn-delete{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background .2s}.btn-delete:hover{background:#c82333}@media (max-width:768px){.users-table{font-size:.85rem}.users-table td,.users-table th{padding:8px}.stats-grid{grid-template-columns:1fr}}.app-tokens-container{margin:0 auto;max-width:900px;padding:20px}.app-tokens-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.app-tokens-header h1{color:#333;margin:0}.btn-back{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-back:hover{background:#667eea;color:#fff}.token-generator{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000001a;margin-bottom:30px;padding:30px}.token-generator h2{color:#333;margin:0 0 10px}.info-text{color:#666;margin-bottom:20px}.generator-form{display:flex;flex-wrap:wrap;gap:15px}.device-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;min-width:250px;padding:12px 16px;transition:border-color .2s}.device-input:focus{border-color:#667eea;outline:none}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s}.btn-generate:hover:not(:disabled){transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.tokens-list{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000001a;padding:30px}.tokens-list h2{color:#333;margin:0 0 20px}.token-card{align-items:center;border:2px solid #e0e0e0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .2s}.token-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.token-info h3{color:#333;font-size:1.1rem;margin:0 0 5px}.token-date{color:#666;font-size:.9rem;margin:0}.btn-revoke{background:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-revoke:hover{background:#c00;transform:translateY(-2px)}.token-dialog-overlay{align-items:center;animation:fadeIn .2s;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5000}.token-dialog{animation:slideUp .3s;background:#fff;border-radius:16px;box-shadow:0 10px 50px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;padding:40px;width:90%}.token-dialog h2{color:#333;font-size:1.8rem;margin:0 0 30px}.config-section{background:#f8f9fa;border-radius:12px;margin-bottom:25px;padding:25px}.config-section h3{color:#333;font-size:1.2rem;margin:0 0 20px}.config-item{margin-bottom:20px}.config-item:last-child{margin-bottom:0}.config-item label{color:#555;display:block;font-weight:600;margin-bottom:8px}.copy-box{align-items:center;display:flex;gap:10px}.copy-box code{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-family:Courier New,monospace;font-size:.9rem;padding:12px 16px;word-break:break-all}.token-value{font-size:.75rem!important;max-height:80px;overflow-y:auto}.copy-box button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background .2s;white-space:nowrap}.copy-box button:hover{background:#5568d3}.instructions{background:#e8f4f8;border-left:4px solid #667eea;border-radius:12px;margin-bottom:25px;padding:20px}.instructions h3{color:#333;margin:0 0 15px}.instructions ol{color:#555;margin:0;padding-left:20px}.instructions li{line-height:1.6;margin-bottom:10px}.warning-box{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin-bottom:25px;padding:20px}.warning-box p{color:#856404;margin:0 0 10px}.warning-box p:last-child{margin-bottom:0}.btn-close-dialog{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:transform .2s;width:100%}.btn-close-dialog:hover{transform:translateY(-2px)}@media (max-width:768px){.token-dialog{padding:25px}.generator-form{flex-direction:column}.device-input{width:100%}.token-card{align-items:flex-start;flex-direction:column;gap:15px}.copy-box{flex-direction:column}.copy-box,.copy-box button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{align-items:center;color:#999;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:30px;width:90%}.modal h2{color:#333;margin-top:0}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px}.btn-cancel:hover{background:#f5f5f5}.btn-create{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:transform .2s}.btn-create:hover{transform:translateY(-2px)}@media (max-width:768px){.modal{padding:20px;width:95%}}
/*# sourceMappingURL=main.81ab7cef.css.map*/