*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #7b1fa2;--primary-light: #9c27b0;--primary-dark: #4a0072;--secondary-color: #03a9f4;--text-light: #ffffff;--text-dark: #212121;--background-light: #f5f5f5;--background-dark: #303030;--error-color: #f44336;--success-color: #4caf50;--warning-color: #ff9800;--border-color: #e0e0e0;--shadow: 0 2px 5px rgba(0, 0, 0, .1);--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1200px;--breakpoint-xl: 1440px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 1200px;--container-xl: 1600px;--container-xxl: 1920px}.light-theme{--bg-primary: linear-gradient(135deg, #ffffff 0%, #e3f2fd 30%, #4285f4 100%);--bg-card: rgba(255, 255, 255, .95);--text-primary: #212121;--text-secondary: #546e7a;--text-accent: #1565c0;--border-light: rgba(66, 133, 244, .1);--shadow-light: 0 4px 20px rgba(0, 0, 0, .08)}.dark-theme{--bg-primary: linear-gradient(135deg, #1a1a1a 0%, #2d3748 30%, #1e3a8a 100%);--bg-card: rgba(45, 55, 72, .95);--text-primary: #f7fafc;--text-secondary: #a0aec0;--text-accent: #63b3ed;--border-light: rgba(99, 179, 237, .2);--shadow-light: 0 4px 20px rgba(0, 0, 0, .3)}html{background:var(--bg-primary);min-height:100vh;margin:0;padding:0;width:100%;height:100%;background:var(--bg-primary, linear-gradient(135deg, #ffffff 0%, #e3f2fd 30%, #4285f4 100%));background-attachment:fixed;background-size:cover;background-repeat:no-repeat}body{margin:0;padding:0;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:transparent;min-height:100vh;color:var(--text-primary);transition:color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline;color:var(--primary-dark)}button{cursor:pointer;border:none;padding:8px 16px;border-radius:4px;font-weight:500;transition:all .3s ease}input,textarea,select{padding:10px;margin-bottom:10px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;padding:0;background:transparent}.main-content{flex-grow:1;display:flex;padding:0;width:100%;background:transparent}.app-header{height:50px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1565c0;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:0 2px 20px #0000001a;border-bottom:2px solid rgba(66,133,244,.1)}.header-logo h1{font-size:1.5rem;margin:0;color:var(--text-accent);font-weight:600;transition:color .3s ease}.header-logo a{color:var(--text-accent);text-decoration:none;transition:color .3s ease}.header-nav ul{display:flex;list-style:none}.header-nav li{margin-left:20px}.header-nav a{color:var(--text-accent);text-decoration:none;font-weight:500;transition:all .3s ease}.header-nav a:hover{color:var(--text-primary)}.header-user{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:12px;position:relative;z-index:1001}.user-name{color:var(--text-accent);font-weight:500;font-size:14px;margin-right:0}.logout-button{background:#4285f41a;color:var(--text-accent)!important;border:2px solid rgba(66,133,244,.2);padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.logout-button:hover{background:#4285f433;border-color:#4285f466;transform:translateY(-1px);text-decoration:none}.project-list-page{min-height:100vh;background:var(--bg-primary);background-attachment:fixed;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;transition:background .3s ease;margin:0}.page-container{min-height:100vh;background:var(--bg-primary);background-attachment:fixed;padding:2rem;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-content,.page-wrapper,.content-wrapper{min-height:100vh;background:transparent;margin:0;padding:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:16px;box-shadow:var(--shadow-light);border:1px solid var(--border-light);transition:all .3s ease}.header-controls{display:flex;align-items:center;gap:1rem}.header-controls .search-bar{min-width:300px}.header-controls .filter-options{min-width:150px}@media (max-width: 767px){.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-md)}.page-header h1{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.header-controls{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--spacing-xs);align-items:center}.header-controls .search-bar{min-width:auto;grid-column:1}.header-controls .search-bar input{width:100%;padding:8px 12px;font-size:14px;border-radius:8px;border:1px solid var(--border-light)}.header-controls .filter-options{min-width:auto;grid-column:2}.header-controls .filter-options select{padding:8px 6px;font-size:12px;border-radius:6px;border:1px solid var(--border-light);background:#fff;min-width:70px}.header-controls .refresh-button{grid-column:3;padding:8px 10px!important;font-size:12px!important;border-radius:6px!important;min-width:60px;white-space:nowrap}.header-controls .create-button{grid-column:4;padding:8px 10px;font-size:12px;border-radius:6px;min-width:60px;white-space:nowrap;text-decoration:none}.page-container,.project-list-page{padding:var(--spacing-md)}.app-header{padding:0 var(--spacing-md)}.header-nav ul{flex-direction:column;gap:var(--spacing-sm)}.header-nav li{margin-left:0}.project-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.project-card{padding:var(--spacing-md)}}@media (max-width: 479px){.page-header{padding:var(--spacing-sm)}.page-header h1{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.header-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.header-controls .search-bar{flex:1;min-width:120px}.header-controls .search-bar input{padding:6px 8px;font-size:13px;width:100%}.header-controls .filter-options select{padding:6px 4px;font-size:11px;min-width:60px}.header-controls .refresh-button{padding:6px 8px!important;font-size:11px!important;min-width:45px;flex-shrink:0}.header-controls .create-button{padding:6px 8px;font-size:11px;min-width:45px;flex-shrink:0}}@media (min-width: 768px) and (max-width: 1023px){.project-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.header-controls .search-bar{min-width:250px}}@media (min-width: 1024px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.header-controls .search-bar{min-width:300px}}@media (min-width: 1200px){.container{max-width:none;padding:0 var(--spacing-lg);margin:0 auto}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);max-width:none;margin:0}.app-header{height:60px;padding:0 var(--spacing-xl)}.header-logo h1{font-size:1.8rem;font-weight:600}.header-nav a{font-size:1rem;padding:10px 20px;font-weight:500}.user-name{font-size:1rem;font-weight:500}.page-header{max-width:1400px;margin:0 auto var(--spacing-xl);padding:var(--spacing-xl)}.page-header h1{font-size:2rem}.card-title{font-size:1.2rem}.card-content{font-size:1rem;line-height:1.5}.form-group label{font-size:1rem}.form-control{font-size:1rem;padding:12px 16px}.btn{font-size:1rem;padding:12px 24px}.profile-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.profile-card{max-width:800px;margin:0 auto var(--spacing-xl)}.avatar-section{flex-direction:row;align-items:center;text-align:left;gap:var(--spacing-xl)}.avatar-container{flex-shrink:0}.profile-form{max-width:600px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}}@media (min-width: 1440px){.container{max-width:1400px;padding:0 var(--spacing-xl);margin:0 auto}.project-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.header-logo h1{font-size:1.8rem}.header-nav a{font-size:1rem;padding:12px 24px}.page-header{max-width:1400px;margin:0 auto var(--spacing-xl);padding:var(--spacing-xl)}.page-header h1{font-size:2.2rem}.card-title{font-size:1.3rem}.card-content{font-size:1rem;line-height:1.5}.form-control{font-size:1rem;padding:14px 18px}.btn{font-size:1rem;padding:14px 28px}.profile-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.profile-card{max-width:900px;margin:0 auto var(--spacing-xl)}.avatar-section{padding:var(--spacing-xl)}.avatar-image{width:120px;height:120px}.security-section,.thirdparty-item{padding:var(--spacing-lg)}}@media (min-width: 1920px){.container{max-width:var(--container-xxl);padding:0 calc(var(--spacing-xxl) * 1.2)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:calc(var(--spacing-xxl) * 1.2)}}.page-header h1{color:var(--text-accent);font-size:2rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(21,101,192,.2)}.create-button{background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;padding:12px 24px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;font-weight:600;box-shadow:0 4px 15px #4285f44d;transition:all .3s ease}.create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466;color:#fff;text-decoration:none}.filters{display:flex;justify-content:space-between;margin-bottom:2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;box-shadow:0 4px 15px #00000014;gap:1rem}.search-bar{flex:1}.search-bar input{width:100%;padding:10px 14px;border:2px solid rgba(66,133,244,.2);border-radius:10px;font-size:14px;background:#ffffffe6;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:#4285f4;background:#fff;box-shadow:0 0 0 3px #4285f41a}.filter-options select{padding:10px 14px;border:2px solid rgba(66,133,244,.2);border-radius:10px;background:#ffffffe6;font-size:14px;min-width:150px;transition:all .3s ease}.filter-options select:focus{outline:none;border-color:#4285f4;background:#fff;box-shadow:0 0 0 3px #4285f41a}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{background:#ffffffd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;position:relative;border:1px solid rgba(255,255,255,.3)}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026;background:#ffffffe6;border-color:#4285f44d}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header h3{margin:0;color:var(--text-accent);font-size:1.25rem;font-weight:600}.project-status-badge{position:absolute;top:1rem;right:1rem}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #0000001a}.status-badge.trained{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.status-badge.untrained{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-icon{font-size:1rem}.project-description{color:#546e7a;margin-bottom:1.25rem;font-size:1rem;line-height:1.5}.project-metadata{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;font-size:.875rem;color:#546e7a}.project-metadata span{background:linear-gradient(135deg,#4285f41a,#1565c01a);color:#1565c0;padding:.5rem 1rem;border-radius:12px;font-weight:500;border:1px solid rgba(66,133,244,.2)}.project-actions{display:flex;gap:.75rem}.view-button,.workflow-button{padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.view-button{background:#fffc;color:#1565c0;flex:1;border:2px solid rgba(66,133,244,.2)}.view-button:hover{background:#fff;color:#1565c0;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#4285f466}.workflow-button{flex:2}.preview-button{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.preview-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2196f366;color:#fff;text-decoration:none}.train-button{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.train-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066;color:#fff;text-decoration:none}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1)}.empty-state p{margin-bottom:1.5rem;font-size:1.25rem;color:#546e7a;font-weight:500}.loading{text-align:center;padding:4rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);font-size:1.25rem;color:#1565c0;font-weight:500}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.auth-content{display:flex;width:900px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(66,133,244,.1);overflow:hidden}.auth-form-container{flex:1;padding:40px}.auth-banner{flex:1;background-color:var(--primary-color);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-banner h1{font-size:2.5rem;margin-bottom:20px}.auth-form{max-width:400px;margin:0 auto;padding:30px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(66,133,244,.1)}.auth-form h2{margin-bottom:20px;text-align:center;color:var(--primary-color)}.error-message{background-color:#ffebee;color:var(--error-color);padding:10px;border-radius:4px;margin-bottom:15px;font-size:14px;text-align:center}.auth-form .form-group{margin-bottom:15px}.auth-form label{display:block;margin-bottom:5px;font-weight:500;color:#424242}.auth-form input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;transition:border-color .3s}.auth-form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #7b1fa21a}.auth-button{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;margin-top:10px}.auth-button:hover{background-color:var(--primary-dark)}.auth-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.demo-account-info{margin-top:20px;padding:15px;background-color:#e3f2fd;border-radius:4px;font-size:14px}.demo-account-info p{margin-bottom:8px;font-weight:500;color:#0277bd}.demo-account-info ul{margin:0;padding-left:20px}.demo-account-info li{margin-bottom:5px}.auth-links{margin-top:20px;display:flex;justify-content:space-between;font-size:14px}.auth-links a{color:var(--primary-color);text-decoration:none;transition:color .3s}.auth-links a:hover{color:var(--primary-dark);text-decoration:underline}.ai-workflow-page{padding:20px}.ai-workflow-page .page-header{margin-bottom:20px}.ai-workflow-page .page-header h1{font-size:24px;margin-bottom:16px}.workflow-tabs{display:flex;gap:10px;margin-bottom:24px}.workflow-tabs button{padding:8px 16px;border:none;background-color:#f0f0f0;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.workflow-tabs button.active{background-color:#7b1fa2;color:#fff}.workflow-container,.workflow-container.all{display:flex;flex-direction:column;gap:20px}.workflow-block{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);margin-bottom:20px}.block-header{background-color:#f5f5f5;padding:15px 20px;border-bottom:1px solid #e0e0e0}.block-header h2{margin:0;font-size:18px}.block-content{padding:20px}.row{display:flex;gap:20px;flex-wrap:wrap}.col{flex:1;min-width:300px}.category-list{display:flex;align-items:center;gap:10px;margin-bottom:16px}.category-list select{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.category-list button{background-color:#7b1fa2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.webcam-section{margin-bottom:20px}#webcam-container,#inference-webcam-container{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.webcam-controls{display:flex;gap:8px}.webcam-controls button,.model-loading button,.model-export button{padding:8px 16px;background-color:#7b1fa2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.webcam-controls button:hover,.model-loading button:hover,.model-export button:hover{background-color:#6a1b9a}.webcam-controls button:disabled,.model-loading button:disabled,.model-export button:disabled{background-color:#ccc;cursor:not-allowed}.upload-section{margin-bottom:20px}.upload-section input[type=file]{padding:8px;border:1px dashed #ddd;border-radius:4px;width:100%;background-color:#f9f9f9}.samples-preview{margin-top:16px}.samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.sample-item{border:1px solid #ddd;border-radius:4px;overflow:hidden}.sample-item img{width:100%;height:auto;display:block}.training-options{margin-bottom:20px}.option-item{margin-bottom:12px}.option-item label{display:block;margin-bottom:6px;font-weight:500}.option-item input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.dataset-summary{margin-bottom:20px;padding:12px;background-color:#f5f5f5;border-radius:4px}.dataset-summary p{margin-bottom:6px}.dataset-summary ul{margin-left:20px}.progress-bar{height:16px;background-color:#f0f0f0;border-radius:8px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background-color:#7b1fa2;transition:width .3s ease}.evaluation-results table{width:100%;border-collapse:collapse;margin:10px 0}.evaluation-results th,.evaluation-results td{border:1px solid #ddd;padding:8px;text-align:left}.evaluation-results th{background-color:#f5f5f5;font-weight:500}.prediction-item{display:flex;align-items:center;margin-bottom:8px}.prediction-label{width:100px;font-weight:500}.prediction-bar-container{flex:1;height:16px;background-color:#f0f0f0;border-radius:8px;overflow:hidden;margin:0 10px}.prediction-bar{height:100%;background-color:#7b1fa2;transition:width .3s ease}.prediction-probability{width:60px;text-align:right;font-weight:500}.loading,.error,.not-found{display:flex;justify-content:center;align-items:center;min-height:300px;text-align:center}.loading{color:var(--primary-color);font-size:1.2rem}.error{color:var(--error-color);font-size:1.1rem}.not-found{color:#777;font-size:1.2rem}.create-project-page{padding:20px;max-width:800px;margin:0 auto}.create-project-form{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(66,133,244,.1);padding:30px;margin-top:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-help{font-size:.8rem;color:#777;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-button,.delete-button{padding:10px 20px;border-radius:4px;font-weight:500}.cancel-button{background-color:#f1f1f1;color:#333}.cancel-button:hover{background-color:#e0e0e0}.delete-button{background-color:#f44336;color:#fff;padding:8px 16px;border-radius:4px;font-weight:500;transition:background-color .3s}.delete-button:hover{background-color:#d32f2f;text-decoration:none}.settings-card,.profile-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--shadow-light);border:1px solid var(--border-light);padding:20px;margin-bottom:20px;transition:all .3s ease}.project-settings h2,.profile-page h2,.settings-page h2{margin-bottom:20px;color:var(--primary-color)}.project-settings h3,.profile-card h3,.settings-card h3{margin-bottom:16px;color:var(--text-dark);font-size:18px;font-weight:500}.danger-zone{border-left:4px solid var(--error-color)}.danger-actions{margin-top:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.form-group textarea{resize:vertical}.profile-page{padding:20px}.profile-page h2{margin-bottom:20px;color:var(--primary-dark);padding-bottom:10px;border-bottom:1px solid var(--border-color)}.profile-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);padding:20px;margin-bottom:20px}.profile-card h3{margin-bottom:15px;color:var(--primary-color);padding-bottom:8px;border-bottom:1px solid #f1f1f1}.profile-form{max-width:600px}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;padding:20px}.avatar-image{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:12px;border:3px solid var(--background-light);box-shadow:0 2px 5px #0000001a}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:10px;border-radius:4px;margin-bottom:15px;font-size:14px;text-align:center}.form-text{font-size:12px;color:#777;margin-top:5px;display:block}.security-options{display:flex;flex-direction:column;gap:15px}.security-option{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #eee;border-radius:4px}.option-info h4{margin:0 0 5px;color:var(--text-dark)}.option-info p{margin:0;font-size:14px;color:#666}.settings-group{margin-bottom:16px}.settings-item{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.settings-item label{margin-right:12px}.settings-item select{width:200px;padding:8px;border:1px solid var(--border-color);border-radius:4px}.settings-item.checkbox{display:flex;flex-direction:row-reverse;justify-content:flex-end}.settings-item.checkbox input{margin-right:10px}.settings-actions{display:flex;gap:12px;margin-top:24px}.loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:16px;color:var(--primary-color)}.btn{cursor:pointer;padding:10px 16px;border-radius:4px;font-weight:500;transition:all .3s ease;border:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:#d32f2f}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-light);color:var(--primary-color)}.btn-small{padding:5px 10px;font-size:12px}.train-results{margin-top:20px;padding:15px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1)}.train-results h3{margin-bottom:15px;color:var(--primary-color);font-size:1.2rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.result-item{display:flex;flex-direction:column;padding:10px;border:1px solid #e0e0e0;border-radius:4px;background-color:#f9f9f9}.result-label{font-size:.9rem;color:#757575;margin-bottom:5px}.result-value{font-size:1.2rem;font-weight:500;color:var(--primary-color)}.project-detail-page{padding:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1)}.project-detail-page .page-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:20px}.project-detail-page .actions{display:flex;gap:10px}.edit-button{background-color:#2196f3;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;font-weight:500;transition:background-color .3s}.edit-button:hover{background-color:#1976d2;text-decoration:none}.save-button{background-color:var(--success-color);color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .3s}.save-button:hover{background-color:#388e3c;text-decoration:none}.project-info{display:flex;flex-direction:column;gap:20px}.info-section{padding:15px;background-color:#f9f9f9;border-radius:4px;border-left:4px solid var(--primary-color)}.info-section h2{margin-bottom:10px;color:var(--primary-dark)}.description{line-height:1.6;color:#555}.project-stats{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.stat-item{flex:1;min-width:150px;padding:12px;background-color:#f5f5f5;border-radius:4px;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000d}.stat-label{font-size:.85rem;color:#757575;margin-bottom:5px}.stat-value{font-size:1.2rem;font-weight:500;color:var(--text-dark)}.status-badge{padding:6px 12px;border-top-right-radius:8px;border-bottom-left-radius:8px;font-size:12px;font-weight:500;color:#fff;display:flex;align-items:center;gap:4px}.status-badge.trained{background-color:#4caf50}.status-badge.untrained{background-color:#ff9800}.status-icon{font-weight:700;font-size:14px}.dataset-info{margin-top:20px;padding:15px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1)}.settings-page{max-width:800px;margin:0 auto;padding:2rem}.settings-page h2{color:var(--text-accent);margin-bottom:1.5rem;font-size:2rem;font-weight:600}.settings-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.settings-group{display:flex;flex-direction:column;gap:1.5rem}.settings-item{display:flex;flex-direction:column;gap:.5rem}.settings-item label{font-weight:600;color:var(--text-primary);font-size:.95rem}.settings-select{padding:12px 16px;border:2px solid var(--border-light);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-select:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #63b3ed1a}.settings-select option{background:var(--bg-card);color:var(--text-primary);padding:8px 12px}.dark-theme .settings-select option{background:#2d3748;color:#f7fafc}.dark-theme .settings-select{background:#2d3748f2;color:#f7fafc}.dark-theme select{background:#2d3748f2!important;color:#f7fafc!important;border-color:#63b3ed33!important}.dark-theme select option{background:#2d3748!important;color:#f7fafc!important}.dark-theme input[type=text],.dark-theme input[type=email],.dark-theme input[type=password],.dark-theme textarea{background:#2d3748f2!important;color:#f7fafc!important;border-color:#63b3ed33!important}.dark-theme input[type=text]::-moz-placeholder,.dark-theme input[type=email]::-moz-placeholder,.dark-theme input[type=password]::-moz-placeholder,.dark-theme textarea::-moz-placeholder{color:#a0aec0!important}.dark-theme input[type=text]::placeholder,.dark-theme input[type=email]::placeholder,.dark-theme input[type=password]::placeholder,.dark-theme textarea::placeholder{color:#a0aec0!important}.settings-help{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.settings-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.success-message{background:#4caf501a;color:#4caf50;padding:12px 16px;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(76,175,80,.2);font-size:.95rem}.dataset-info h3{margin-bottom:15px;color:var(--primary-color);font-size:1.2rem}.dataset-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.categories-list{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.categories-list h4{margin-bottom:10px;color:#555}.categories-list ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding-left:0}.categories-list li{padding:4px 10px;background-color:#e3f2fd;color:#1565c0;border-radius:4px;font-size:.9rem}.edit-form{padding:15px;background-color:#f9f9f9;border-radius:4px;margin-top:10px}.edit-form .form-group{margin-bottom:15px}.edit-form .form-actions{display:flex;gap:10px;margin-top:20px}.reset-password-form{max-width:500px}.step-indicator{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px}.step{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:opacity .3s ease}.step.active{opacity:1}.step-number{width:36px;height:36px;border-radius:50%;background-color:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:5px;transition:all .3s ease}.step.active .step-number{background-color:#2196f3;color:#fff}.step-title{font-size:14px;color:#666;white-space:nowrap}.step.active .step-title{color:#2196f3;font-weight:700}.step-connector{flex-grow:1;height:2px;background-color:#e0e0e0;margin:0 10px;position:relative;top:-15px}.form-tip{font-size:12px;color:#666;margin-top:5px}.container{width:100%;margin:0 auto;padding:0 var(--spacing-md)}.container-xs{max-width:var(--container-xs)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-xxl{max-width:var(--container-xxl)}.container-fluid{width:100%;max-width:none;padding:0 var(--spacing-lg)}@media (min-width: 1200px){.container{padding:0 var(--spacing-xl)}.container-fluid{padding:0 var(--spacing-xxl)}}@media (min-width: 1440px){.container{padding:0 var(--spacing-xxl)}.container-fluid{padding:0 calc(var(--spacing-xxl) * 1.5)}}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-md) / 2)}.col{flex:1;padding:0 calc(var(--spacing-md) / 2)}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}@media (max-width: 479px){.container{padding:0 var(--spacing-sm)}.d-xs-none{display:none!important}.d-xs-block{display:block!important}.d-xs-flex{display:flex!important}.col-xs-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xs-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xs-3{flex:0 0 25%;max-width:25%}.col-xs-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xs-6{flex:0 0 50%;max-width:50%}.col-xs-12{flex:0 0 100%;max-width:100%}.text-xs-left{text-align:left!important}.text-xs-center{text-align:center!important}.text-xs-right{text-align:right!important}}@media (min-width: 480px) and (max-width: 767px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.text-sm-left{text-align:left!important}.text-sm-center{text-align:center!important}.text-sm-right{text-align:right!important}}@media (min-width: 768px) and (max-width: 1023px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-12{flex:0 0 100%;max-width:100%}.text-md-left{text-align:left!important}.text-md-center{text-align:center!important}.text-md-right{text-align:right!important}}@media (min-width: 1024px) and (max-width: 1199px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-12{flex:0 0 100%;max-width:100%}.text-lg-left{text-align:left!important}.text-lg-center{text-align:center!important}.text-lg-right{text-align:right!important}}@media (min-width: 1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-12{flex:0 0 100%;max-width:100%}.text-xl-left{text-align:left!important}.text-xl-center{text-align:center!important}.text-xl-right{text-align:right!important}}img{max-width:100%;height:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.table-responsive{border:1px solid var(--border-light);border-radius:8px}.table-responsive table{margin-bottom:0;font-size:var(--font-size-sm)}.table-responsive th,.table-responsive td{white-space:nowrap;padding:var(--spacing-sm)}}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe,.video-responsive object,.video-responsive embed{position:absolute;top:0;left:0;width:100%;height:100%}.card-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width: 767px){.card-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (min-width: 768px) and (max-width: 1023px){.card-grid{grid-template-columns:repeat(2,1fr)}}.btn-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 767px){.btn-group{flex-direction:column;gap:var(--spacing-sm)}.btn-group .btn{width:100%}}.nav-responsive{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}@media (max-width: 767px){.nav-responsive{flex-direction:column;gap:var(--spacing-sm)}}.form-responsive .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}@media (max-width: 767px){.form-responsive .form-row{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 479px){.container{padding:0 var(--spacing-sm)}.p-3{padding:var(--spacing-sm)!important}.m-3{margin:var(--spacing-sm)!important}.p-4{padding:var(--spacing-md)!important}.m-4{margin:var(--spacing-md)!important}.p-5{padding:var(--spacing-lg)!important}.m-5{margin:var(--spacing-lg)!important}}.success-message{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32;padding:10px 15px;border-radius:4px;margin-bottom:20px}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.secondary-button{padding:10px 20px;background-color:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.secondary-button:hover{background-color:#e0e0e0}@media (pointer: coarse){.admin-btn-primary,.admin-btn-secondary,.admin-btn-danger{min-height:44px;min-width:44px;padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem)}.admin-btn-small{min-height:36px;min-width:36px;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem)}.admin-checkbox{width:24px;height:24px}.admin-status-badge{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem)}}@media (max-width: 767px){.admin-page-container{padding:var(--spacing-sm, .5rem);min-height:100vh}.admin-page-header{padding:var(--spacing-md, 1rem);margin-bottom:var(--spacing-lg, 1.5rem)}.admin-page-header .header-content{flex-direction:column;gap:var(--spacing-sm, .5rem);text-align:center}.admin-page-title{font-size:var(--font-size-xl, 1.25rem);line-height:1.3}.admin-card{margin-bottom:var(--spacing-md, 1rem)}.admin-card-header{padding:var(--spacing-md, 1rem);flex-direction:column;text-align:center;gap:var(--spacing-sm, .5rem)}.admin-card-content{padding:var(--spacing-md, 1rem)}.admin-data-table{margin-bottom:var(--spacing-lg, 1.5rem)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container table{min-width:600px;font-size:var(--font-size-xs, .75rem)}.table-container th,.table-container td{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);white-space:nowrap}.table-container th:last-child,.table-container td:last-child{min-width:120px;width:120px;position:sticky;right:0;background:inherit;z-index:1;white-space:normal}.action-buttons{flex-direction:column;gap:var(--spacing-xs, .25rem);width:100%}.action-buttons .admin-btn-secondary,.action-buttons .admin-btn-danger{width:100%;text-align:center;justify-content:center;font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem)}.admin-pagination{flex-direction:column;gap:var(--spacing-md, 1rem);padding:var(--spacing-md, 1rem)}.pagination-info{order:-1;font-size:var(--font-size-sm, .875rem)}.admin-form-group{margin-bottom:var(--spacing-md, 1rem)}.admin-input,.admin-textarea{font-size:var(--font-size-base, 1rem)}.admin-error-message,.admin-success-message{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem);border-radius:8px}}@media (max-width: 479px){.admin-page-container{padding:var(--spacing-xs, .25rem)}.admin-page-header{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem)}.admin-page-title{font-size:var(--font-size-lg, 1.125rem)}.table-container table{min-width:400px;font-size:11px}.table-container th,.table-container td{padding:var(--spacing-xs, .25rem)}.table-container th:last-child,.table-container td:last-child{min-width:100px;width:100px;padding:var(--spacing-xs, .25rem)}.table-container .hide-mobile{display:none}.admin-btn-small{padding:var(--spacing-xs, .25rem);font-size:10px;min-height:32px}.action-buttons .admin-btn-secondary,.action-buttons .admin-btn-danger{min-height:28px;font-size:10px}.admin-status-badge{font-size:10px;padding:2px var(--spacing-xs, .25rem)}}@media (min-width: 768px) and (max-width: 1023px){.admin-page-container{padding:var(--spacing-lg, 1.5rem)}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg, 1.5rem)}.quick-actions-grid,.admin-info-grid{grid-template-columns:repeat(2,1fr)}.table-container{font-size:var(--font-size-sm, .875rem)}.admin-card{margin-bottom:var(--spacing-lg, 1.5rem)}}@media (min-width: 1024px){.admin-page-container{max-width:1600px;margin:0 auto;padding:var(--spacing-xl, 2rem)}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl, 2rem)}.quick-actions-grid,.admin-info-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl, 2rem)}.admin-page-title{font-size:var(--font-size-3xl, 1.875rem)}.admin-card-title{font-size:var(--font-size-xl, 1.25rem)}.admin-card-content{font-size:var(--font-size-lg, 1.125rem);line-height:1.6}.table-container{font-size:var(--font-size-base, 1rem)}.table-container th,.table-container td{padding:var(--spacing-md, 1rem)}.admin-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.admin-btn-primary:hover,.admin-btn-secondary:hover,.admin-btn-danger:hover{transform:translateY(-2px)}.table-container tbody tr:hover{background:#4285f408;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}}@media (min-width: 1440px){.admin-page-container{max-width:1600px;padding:var(--spacing-xxl, 3rem)}.admin-stats-grid,.quick-actions-grid,.admin-info-grid{gap:var(--spacing-xxl, 3rem);grid-template-columns:repeat(4,1fr)}.admin-page-title{font-size:var(--font-size-4xl, 2.25rem)}.admin-card-title{font-size:var(--font-size-2xl, 1.5rem)}.admin-card-content{font-size:var(--font-size-xl, 1.25rem);line-height:1.7}.table-container{font-size:var(--font-size-lg, 1.125rem)}.table-container th,.table-container td{padding:var(--spacing-lg, 1.5rem)}.admin-btn-primary,.admin-btn-secondary,.admin-btn-danger{font-size:var(--font-size-lg, 1.125rem);padding:var(--spacing-lg, 1.5rem) var(--spacing-xl, 2rem)}}@media (min-width: 1920px){.admin-page-container{max-width:1800px;padding:calc(var(--spacing-xxl, 3rem) * 1.5)}.admin-stats-grid,.quick-actions-grid,.admin-info-grid{grid-template-columns:repeat(5,1fr);gap:calc(var(--spacing-xxl, 3rem) * 1.2)}}@media (orientation: landscape) and (max-height: 600px){.admin-page-header{padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem)}.admin-page-title{font-size:var(--font-size-lg, 1.125rem)}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md, 1rem)}.admin-stat-card{padding:var(--spacing-md, 1rem)}.stat-icon{font-size:1.5rem}.stat-number{font-size:var(--font-size-lg, 1.125rem)}}@media (prefers-contrast: high){.admin-card,.admin-data-table,.admin-page-header{border:2px solid #000}.admin-btn-primary{background:#000;color:#fff;border:2px solid #000}.admin-btn-secondary{background:#fff;color:#000;border:2px solid #000}.admin-status-badge{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.admin-card,.admin-btn-primary,.admin-btn-secondary,.admin-btn-danger,.admin-status-badge,.table-container tbody tr{transition:none;animation:none}.admin-card:hover,.admin-btn-primary:hover,.admin-btn-secondary:hover,.admin-btn-danger:hover{transform:none}}@media print{.admin-page-container{background:#fff;padding:0;box-shadow:none}.admin-card,.admin-data-table,.admin-page-header{background:#fff;box-shadow:none;border:1px solid #000}.admin-btn-primary,.admin-btn-secondary,.admin-btn-danger,.action-buttons,.admin-pagination{display:none}}@media (min-width: 1200px){html{font-size:18px}.page-title,.page-header h1{font-size:2.5rem;font-weight:600;margin-bottom:var(--spacing-xl)}.card{padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.card-title{font-size:1.4rem;margin-bottom:var(--spacing-lg)}.card-content,.card-body{font-size:1.1rem;line-height:1.6}.form-group{margin-bottom:var(--spacing-xl)}.form-label{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.form-control{font-size:1.1rem;padding:14px 18px;border-radius:8px}.form-control:focus{box-shadow:0 0 0 3px #4285f433}.btn{font-size:1.1rem;padding:14px 28px;border-radius:8px;font-weight:600}.btn-lg{font-size:1.2rem;padding:18px 36px}.nav-link{font-size:1.1rem;padding:12px 24px}.table{font-size:1rem}.table th,.table td{padding:var(--spacing-md) var(--spacing-lg)}.table th{font-size:1.1rem;font-weight:600}.list-group-item{font-size:1.1rem;padding:var(--spacing-lg)}.badge{font-size:.9rem;padding:6px 12px}.alert{font-size:1.1rem;padding:var(--spacing-lg)}}@media (min-width: 1440px){html{font-size:20px}.page-title,.page-header h1{font-size:2.8rem}.card-title{font-size:1.5rem}.card-content,.card-body{font-size:1.2rem;line-height:1.7}.form-label{font-size:1.2rem}.form-control{font-size:1.2rem;padding:16px 20px}.btn{font-size:1.2rem;padding:16px 32px}.btn-lg{font-size:1.3rem;padding:20px 40px}.nav-link{font-size:1.2rem;padding:14px 28px}.table{font-size:1.1rem}.table th{font-size:1.2rem}.list-group-item,.alert{font-size:1.2rem;padding:var(--spacing-xl)}}@media (min-width: 1920px){html{font-size:22px}.page-title,.page-header h1{font-size:3.2rem}.card{padding:calc(var(--spacing-xl) * 1.5)}.card-title{font-size:1.6rem}.card-content,.card-body{font-size:1.3rem;line-height:1.8}.form-control{font-size:1.3rem;padding:18px 24px}.btn{font-size:1.3rem;padding:18px 36px}.btn-lg{font-size:1.4rem;padding:22px 44px}}@media (min-width: 1200px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-xl)}}@media (min-width: 1440px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:var(--spacing-xxl)}}@media (min-width: 1920px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(550px,1fr));grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:calc(var(--spacing-xxl) * 1.5)}}@media (min-width: 1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}}@media (min-width: 1440px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xxl)}}@media (min-width: 2560px){.page-container{max-width:2400px;margin:0 auto}}.workflow-container.all .workflow-block{margin-bottom:2rem}.workflow-block h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:1rem;font-weight:600;color:#1565c0}.workflow-block input[type=file]{display:block;width:100%;padding:12px;border:2px dashed rgba(66,133,244,.3);border-radius:12px;cursor:pointer;background:#fffc;transition:all .3s ease}.workflow-block input[type=file]:hover{border-color:#4285f480;background:#fff}button.add-category{background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #4285f44d}button.add-category:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4285f466}.samples-preview{padding:1.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(66,133,244,.1);min-height:200px;box-shadow:0 4px 15px #00000014}button.train-button{background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;margin-top:1rem;transition:all .3s ease;box-shadow:0 2px 8px #4285f44d}button.train-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4285f466}button.train-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.training-progress{padding:1.5rem;border:1px solid rgba(66,133,244,.2);border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #00000014}.training-complete{padding:1.5rem;border:1px solid rgba(76,175,80,.3);border-radius:16px;background:linear-gradient(135deg,#4caf501a,#388e3c1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #4caf5033}.inference-results{padding:1.5rem;border:1px solid rgba(66,133,244,.1);border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:200px;box-shadow:0 4px 15px #00000014}.export-note{font-size:12px;color:#666;margin-top:10px;font-style:italic}.workflow-tabs button{font-size:14px;padding:10px 20px;border-radius:20px;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;border:1px solid #ddd}.workflow-tabs button.active{box-shadow:0 2px 5px #7b1fa24d;border-color:#7b1fa2}.dataset-info-card{border:1px solid #e0e0e0;border-radius:4px;padding:15px;margin-bottom:15px;background-color:#fff}.dataset-info-title{font-weight:500;margin-bottom:10px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.primary-button{background-color:#7b1fa2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.primary-button:hover{background-color:#6a1b9a}.primary-button:disabled{background-color:#ccc;cursor:not-allowed}.ai-workflow-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.workflow-progress{position:relative}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.loading-animation{animation:pulse 2s infinite}.workflow-stage{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage-header{margin-bottom:1rem;text-align:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;border-radius:12px;box-shadow:0 2px 12px #4285f44d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-header h2{margin:0;font-size:1.25rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stage-header p{margin:.5rem 0 0;opacity:.95;font-size:.9rem;font-weight:400}.data-collection-stage .row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.data-collection-stage .col-left,.data-collection-stage .col-right{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(66,133,244,.1);transition:all .3s ease}.data-collection-stage .col-left:hover,.data-collection-stage .col-right:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.category-management h3,.webcam-capture h3,.file-upload h3{color:#1565c0;margin-bottom:1rem;font-size:1.2rem;font-weight:600;border-bottom:2px solid rgba(66,133,244,.2);padding-bottom:.75rem}.primary-button{background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4285f44d}.primary-button:hover{box-shadow:0 4px 15px #4285f466;transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.primary-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.next-stage-btn{background:linear-gradient(135deg,#4caf50,#45a049);transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.next-stage-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}.sample-item img{transition:transform .2s ease}.sample-item img:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.training-stage .sample-summary{margin-bottom:30px}.category-summary{transition:transform .2s ease,box-shadow .2s ease}.category-summary:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001a}.training-instruction{border-left:4px solid #2196f3}.training-instruction ol{padding-left:25px}.training-instruction li{margin-bottom:8px;font-size:15px}.external-training{position:relative;overflow:hidden}.external-training:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff9800,#f57c00);border-radius:10px;z-index:-1}.preview-stage .model-loader{border-left:4px solid #2196f3}.mode-tabs{background:#fff;border-radius:8px;padding:4px;box-shadow:0 2px 8px #0000001a}.mode-tabs button{flex:1;transition:all .3s ease}.mode-tabs button.active{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px #2196f34d}.prediction-item{transition:transform .2s ease,box-shadow .2s ease}.prediction-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.prediction-bar{position:relative;overflow:hidden}.prediction-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.workflow-completion{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border:2px solid #4caf50;position:relative;overflow:hidden}.workflow-completion:before{content:"🎉";position:absolute;top:-10px;right:-10px;font-size:100px;opacity:.1;transform:rotate(15deg)}.workflow-help{border-left:4px solid #2196f3}.workflow-help ul{padding-left:25px}.workflow-help li{margin-bottom:8px;position:relative}.workflow-help li:before{content:"✓";position:absolute;left:-20px;color:#4caf50;font-weight:700}@media (min-width: 1200px){.workflow-header-section{padding:.5rem!important;margin-bottom:.5rem!important}.project-info-section h2{font-size:1.5rem!important}.current-step-container h3{font-size:1.1rem!important}.current-step-container p{font-size:.8rem!important}.category-images-scroll{max-height:240px!important}.category-images-scroll>div{grid-template-columns:repeat(6,1fr)!important;gap:12px!important;min-height:120px!important}.category-images-scroll>div>div{height:120px!important}.category-images-scroll img{height:120px!important}.action-buttons-container button{padding:16px 32px!important;font-size:18px!important;min-width:200px!important}.camera-section button,.camera-section label{padding:16px 24px!important;font-size:16px!important}.category-card .category-name{font-size:18px!important}.category-card .sample-count{font-size:16px!important}.category-card .sample-status{font-size:20px!important}.category-card .delete-category-btn{width:26px!important;height:26px!important;font-size:16px!important}.category-images-scroll .delete-sample-btn{width:20px!important;height:20px!important;font-size:14px!important}.progress-section h3{font-size:22px!important}.progress-section .stats-card{padding:18px!important}.progress-section .stats-number{font-size:32px!important}.progress-section .stats-label{font-size:16px!important}.progress-scroll-area{max-height:none!important;overflow:visible!important}.progress-scroll-area .progress-item-name,.progress-scroll-area .progress-item-count,.collection-status-text,.add-sample-text{font-size:16px!important}}@media (min-width: 1440px){.project-info-section h2{font-size:1.6rem!important}.current-step-container h3{font-size:1.2rem!important}.current-step-container p{font-size:.9rem!important}.category-images-scroll{max-height:280px!important}.category-images-scroll>div{grid-template-columns:repeat(7,1fr)!important;min-height:140px!important}.category-images-scroll>div>div{height:140px!important}.category-images-scroll img{height:140px!important}.action-buttons-container button{padding:20px 40px!important;font-size:20px!important;min-width:240px!important}.camera-section button,.camera-section label{padding:18px 28px!important;font-size:18px!important}.category-card .category-name{font-size:20px!important}.category-card .sample-count{font-size:18px!important}.category-card .sample-status{font-size:22px!important}.category-card .delete-category-btn{width:30px!important;height:30px!important;font-size:18px!important}.category-images-scroll .delete-sample-btn{width:22px!important;height:22px!important;font-size:16px!important}.progress-section h3{font-size:24px!important}.progress-section .stats-card{padding:22px!important}.progress-section .stats-number{font-size:36px!important}.progress-section .stats-label{font-size:18px!important}.progress-scroll-area{max-height:none!important;overflow:visible!important}.progress-scroll-area .progress-item-name,.progress-scroll-area .progress-item-count,.collection-status-text,.add-sample-text{font-size:18px!important}}@media (min-width: 1920px){.project-info-section h2{font-size:1.8rem!important}.current-step-container h3{font-size:1.3rem!important}.current-step-container p{font-size:1rem!important}.category-images-scroll{max-height:350px!important}.category-images-scroll>div{grid-template-columns:repeat(8,1fr)!important;min-height:180px!important;gap:16px!important}.category-images-scroll>div>div{height:180px!important}.category-images-scroll img{height:180px!important}.action-buttons-container button{padding:24px 48px!important;font-size:24px!important;min-width:280px!important}.camera-section button,.camera-section label{padding:20px 32px!important;font-size:20px!important}.category-card .category-name{font-size:22px!important}.category-card .sample-count{font-size:20px!important}.category-card .sample-status{font-size:26px!important}.category-card .delete-category-btn{width:34px!important;height:34px!important;font-size:20px!important}.category-images-scroll .delete-sample-btn{width:26px!important;height:26px!important;font-size:18px!important}.progress-section h3{font-size:28px!important}.progress-section .stats-card{padding:26px!important}.progress-section .stats-number{font-size:42px!important}.progress-section .stats-label{font-size:20px!important}.progress-scroll-area{max-height:none!important;overflow:visible!important}.progress-scroll-area .progress-item-name,.progress-scroll-area .progress-item-count,.collection-status-text,.add-sample-text{font-size:20px!important}}@media (max-width: 767px){.ai-workflow-page{padding:var(--spacing-md)}.stage-navigation{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.stage-navigation button{width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm)}.data-collection-stage .row{grid-template-columns:1fr;gap:var(--spacing-lg)}.workflow-progress{flex-direction:column;gap:var(--spacing-md)}.sample-summary{grid-template-columns:1fr;gap:var(--spacing-md)}.samples-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:var(--spacing-sm)}.workflow-content{padding:var(--spacing-lg)!important;margin:var(--spacing-md) 0}.stage-header{padding:var(--spacing-lg);text-align:center}.stage-header h2{font-size:var(--font-size-xl)}.stage-header p{font-size:var(--font-size-sm)}}@media (max-width: 479px){.ai-workflow-page{padding:var(--spacing-sm)}.page-header h1{font-size:var(--font-size-xl)}.stage-header{padding:var(--spacing-md)}.stage-header h2{font-size:var(--font-size-lg)}.stage-header p{font-size:var(--font-size-xs)}.col-left,.col-right{padding:var(--spacing-md)}.primary-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.workflow-content{padding:var(--spacing-md)!important}.stage-navigation button{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.samples-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:var(--spacing-xs)}}@media (min-width: 768px) and (max-width: 1023px){.ai-workflow-page{padding:var(--spacing-lg)}.data-collection-stage .row{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.workflow-content{padding:var(--spacing-xl)!important}.stage-navigation{gap:var(--spacing-md)}.stage-navigation button{padding:var(--spacing-md) var(--spacing-lg)}}@media (min-width: 1024px){.ai-workflow-page{padding:var(--spacing-xl)}.workflow-content{padding:var(--spacing-xxl)!important}.data-collection-stage .row{gap:var(--spacing-xxl)}.stage-navigation{gap:var(--spacing-lg)}}.loading,.error,.not-found{text-align:center;color:#666}.loading div,.error div,.not-found div{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}input[type=text],input[type=file],select{border:2px solid rgba(66,133,244,.2);border-radius:12px;padding:12px;font-size:14px;background:#fffc;transition:all .3s ease}input[type=text]:focus,select:focus{outline:none;border-color:#4285f4;background:#fff;box-shadow:0 0 0 3px #4285f41a;transform:translateY(-1px)}#collection-webcam-container,#preview-webcam-container{background:radial-gradient(circle,#ffffffe6,#4285f40d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;transition:all .3s ease}#collection-webcam-container:hover,#preview-webcam-container:hover{border-color:#4285f4;box-shadow:0 4px 20px #4285f433;transform:translateY(-2px)}@keyframes dialog-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-button:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease}.preview-stage{margin-bottom:2rem}.preview-stage .stage-content{display:flex;gap:2rem;max-height:calc(100vh - 250px);overflow:auto}.left-panel{flex:0 0 40%}.right-panel{flex:1}.data-summary,.training-summary{padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.data-summary{background:#ffffffe6;border:1px solid rgba(66,133,244,.1);box-shadow:0 4px 15px #00000014}.data-summary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.training-summary{background:linear-gradient(135deg,#4caf501a,#388e3c1a);border:1px solid rgba(76,175,80,.3);box-shadow:0 4px 15px #4caf5033}.training-summary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.realtime-validation{padding:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(66,133,244,.2);height:auto;max-height:calc(100vh - 280px);overflow:auto;box-shadow:0 4px 20px #4285f41a}@media (max-width: 768px){.data-collection-stage .row{grid-template-columns:1fr;gap:1rem}.preview-stage .stage-content{flex-direction:column;gap:1rem}.left-panel{flex:none}.stage-navigation{flex-direction:column;gap:.5rem}.stage-navigation button{min-width:auto;width:100%}.stage-header{padding:1.5rem}.stage-header h2{font-size:1.25rem}}.ai-workflow-page{position:relative;overflow-x:hidden;min-height:100vh}.ai-workflow-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff,#e3f2fd 30%,#4285f4);z-index:-1}.workflow-header-section{padding:.75rem!important;margin-bottom:.75rem!important}.project-info-section{min-height:40px!important}.project-info-section h2{font-size:1.4rem!important}.current-step-container{padding:.5rem .75rem!important;min-height:40px!important}.current-step-container h3{font-size:1rem!important;margin:0!important}.current-step-container p{font-size:.75rem!important;margin:.25rem 0 0!important}.workflow-buttons-section{padding:.75rem!important}.workflow-stage-button{padding:.75rem 1.5rem!important;min-height:50px!important;font-size:1rem!important}.workflow-container{min-height:100vh;display:flex;flex-direction:column}.workflow-content{flex:1;overflow:visible}.collection-layout{min-height:500px!important;height:auto!important}.categories-section{min-height:350px;height:auto!important}.camera-section,.progress-section{min-height:250px;height:auto!important}@media (max-width: 1200px){.collection-layout{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:16px!important;height:auto!important}.categories-section{grid-row:auto!important}}.collection-status-text,.add-sample-text,.progress-status-text{font-size:14px;transition:font-size .3s ease}.progress-scroll-area{max-height:250px!important;overflow-y:auto!important}.workflow-header-section{transition:all .3s ease}.workflow-buttons-section{flex-wrap:wrap}@media (max-width: 768px){.workflow-header-section>div:first-child{grid-template-columns:1fr!important;gap:1rem!important}.workflow-buttons-section{flex-direction:column!important;gap:.75rem!important}.workflow-stage-button{width:100%!important;min-width:auto!important;flex:none!important}.project-info-section h2{font-size:1.3rem!important}.current-step-container{padding:.5rem!important}}@media (max-width: 480px){.workflow-header-section{padding:.75rem!important}.workflow-stage-button{padding:.6rem 1rem!important;font-size:.9rem!important;min-height:40px!important}}.category-cards-scroll,.progress-scroll-area{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.category-card{min-width:520px!important;max-width:520px!important;height:200px!important;flex-shrink:0!important}.category-cards-scroll{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.category-cards-scroll::-webkit-scrollbar{width:6px}.category-cards-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.category-cards-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.category-cards-scroll::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width: 768px){.collection-layout{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.category-card{min-width:300px!important;max-width:300px!important;height:180px!important}.categories-section{grid-row:1!important}.category-cards-scroll{max-height:400px!important}}@media (min-width: 769px) and (max-width: 1024px){.category-card{min-width:450px!important;max-width:450px!important;height:190px!important}.category-cards-scroll{max-height:420px!important}}@media (min-width: 1200px){.confidence-display-panel{min-height:450px!important}.progress-scroll-area{max-height:350px!important}.category-cards-scroll{max-height:700px!important}}@media (min-width: 1440px){.confidence-display-panel{min-height:500px!important}.progress-scroll-area{max-height:400px!important}.category-cards-scroll{max-height:800px!important}}@media (min-width: 1920px){.confidence-display-panel{min-height:600px!important}.progress-scroll-area{max-height:450px!important}.category-cards-scroll{max-height:900px!important}}@media (min-width: 1950px){.ai-workflow-page{padding:calc(var(--spacing-xl) * 1.5)!important;max-width:2400px;margin:0 auto}.workflow-main-container{max-width:2200px!important;padding:calc(var(--spacing-xl) * 1.2)!important}.workflow-content{padding:calc(var(--spacing-xxl) * 1.5)!important;min-height:800px!important}.data-collection-stage .row{gap:calc(var(--spacing-xxl) * 1.5)!important;min-height:700px!important}.data-collection-stage .responsive-collection-grid{min-height:650px!important;gap:calc(var(--spacing-xl) * 1.2)!important}.categories-section,.camera-section,.progress-section{min-height:500px!important}.webcam-container{min-height:450px!important}.category-cards-grid{gap:calc(var(--spacing-xl) * 1.2)!important;min-height:600px!important}.training-ready,.training-progress{min-height:500px!important;padding:calc(var(--spacing-xl) * 1.2)!important}.preview-stage .stage-content{min-height:700px!important;gap:calc(var(--spacing-xl) * 1.2)!important}.webcam-panel,.confidence-display-panel,.training-summary,.data-stats-panel{min-height:500px!important;padding:calc(var(--spacing-xl) * 1.2)!important}.confidence-display-panel{min-height:700px!important}.category-cards-scroll{max-height:1000px!important}.progress-scroll-area{max-height:500px!important}.stage-navigation{gap:calc(var(--spacing-lg) * 1.5)!important}.stage-navigation button{padding:calc(var(--spacing-md) * 1.2) calc(var(--spacing-lg) * 1.5)!important;font-size:1.1rem!important}.stage-header h2{font-size:1.8rem!important}.card-title,.panel-title{font-size:1.4rem!important}.card-content,.panel-content{font-size:1.1rem!important;line-height:1.6!important}}.home-container{min-height:100vh;background:linear-gradient(135deg,#fff,#e3f2fd 30%,#4285f4);color:#333}.home-header{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem}.logo-image{height:40px;width:auto}.logo-text{color:#4285f4;font-size:1.5rem;font-weight:600;margin:0}.logo-subtitle{color:#666;font-size:.9rem;font-weight:400}.header-nav{display:flex;align-items:center;gap:1.5rem}.language-btn{background:transparent;color:#666;border:1px solid #ddd;padding:.5rem 1rem;border-radius:20px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.language-btn:hover{background:#f5f5f5;color:#4285f4;border-color:#4285f4}.login-btn,.dashboard-btn{background:#4285f4;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-btn{background:#f44336;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-btn:hover,.dashboard-btn:hover{background:#3367d6;transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}.logout-btn:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.user-actions{display:flex;align-items:center;gap:1rem;position:relative}.welcome-text{color:#666;font-weight:500}.user-dropdown{position:relative;cursor:pointer}.user-name{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#4285f41a;border-radius:8px;color:#4285f4;font-weight:500;font-size:14px;transition:all .3s ease;border:1px solid rgba(66,133,244,.2)}.user-name:hover{background:#4285f426;border-color:#4285f44d}.dropdown-arrow{font-size:12px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid #e0e0e0;min-width:160px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s ease;margin-top:8px;overflow:hidden}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;width:100%;padding:12px 16px;color:#666;text-decoration:none;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.dropdown-item:hover{background:#f5f5f5;color:#4285f4}.dashboard-item{color:#4285f4}.dashboard-item:hover{background:#4285f41a;color:#4285f4}.logout-item{color:#f44336}.logout-item:hover{background:#f443361a;color:#f44336}.dropdown-divider{height:1px;background:#e0e0e0;margin:8px 0}.home-main{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{padding:6rem 0 4rem;text-align:center}.hero-content{max-width:800px;margin:0 auto;color:#fff}.hero-title{font-size:3.5rem;font-weight:700;margin:0 0 2rem;line-height:1.2;color:#1565c0}.hero-subtitle{font-size:1.3rem;font-weight:400;margin:0 0 3rem;line-height:1.6;color:#424242;max-width:600px;margin-left:auto;margin-right:auto}.get-started-btn{background:#fff;color:#4285f4;border:none;padding:1rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.get-started-btn:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.stats-section{padding:4rem 0;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:2rem 0;box-shadow:0 4px 20px #0000001a}.stats-container{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.stat-item{background:transparent;padding:2rem 1rem;border-radius:12px;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;color:#1565c0;text-shadow:0 2px 4px rgba(21,101,192,.3);display:block}.stat-label{font-size:1.2rem;font-weight:600;color:#424242}.home-footer{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;text-align:center;color:#424242;border-top:1px solid rgba(66,133,244,.2)}.footer-content p{margin:0;opacity:.8}@media (max-width: 767px){.header-content{padding:var(--spacing-sm) var(--spacing-md);flex-direction:row;justify-content:space-between;align-items:center;height:60px}.logo{flex-direction:row;gap:var(--spacing-sm);text-align:left}.logo-text{font-size:var(--font-size-xl)}.logo-subtitle{font-size:var(--font-size-sm)}.header-nav{gap:var(--spacing-sm);flex-wrap:nowrap;justify-content:flex-end}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.auth-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.language-btn,.login-btn,.dashboard-btn,.logout-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);white-space:nowrap}.user-actions{display:flex;gap:var(--spacing-sm);align-items:center}.user-name{font-size:var(--font-size-sm);padding:6px 10px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{right:0;min-width:140px}.hero-section{padding:var(--spacing-xxl) 0 var(--spacing-xl) 0}.hero-container{padding:0 var(--spacing-md)}.hero-title{font-size:var(--font-size-3xl);line-height:1.2}.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.stats-container{grid-template-columns:1fr;gap:var(--spacing-lg);padding:0 var(--spacing-md)}.stat-item{padding:var(--spacing-lg)}.stat-number{font-size:var(--font-size-3xl)}.stat-label{font-size:var(--font-size-sm)}.user-actions{gap:var(--spacing-xs);align-items:center;justify-content:flex-end;padding:0 var(--spacing-sm)}.btn-primary,.btn-secondary{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.community-container{padding:0 var(--spacing-md)}.community-features{grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-item{padding:var(--spacing-lg)}.feature-item h3{font-size:var(--font-size-lg)}.feature-item p{font-size:var(--font-size-sm)}.community-content h2{font-size:var(--font-size-2xl)}.community-content>p{font-size:var(--font-size-base);margin-bottom:var(--spacing-xl)}.community-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}}@media (max-width: 479px){.header-content{padding:var(--spacing-sm)}.logo-text{font-size:var(--font-size-lg)}.logo-subtitle{font-size:var(--font-size-xs)}.hero-section{padding:var(--spacing-xl) 0}.hero-container{padding:0 var(--spacing-sm)}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.stats-container{padding:0 var(--spacing-sm);gap:var(--spacing-md)}.stat-item{padding:var(--spacing-md)}.stat-number{font-size:var(--font-size-2xl)}.stat-label{font-size:var(--font-size-xs)}.user-actions{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.user-name{font-size:var(--font-size-xs);padding:4px 8px;max-width:80px}.dropdown-menu{min-width:120px;right:var(--spacing-sm)}.dropdown-item{padding:10px 12px;font-size:var(--font-size-xs)}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.community-container{padding:0 var(--spacing-sm)}.feature-item{padding:var(--spacing-md)}.feature-icon{font-size:2rem}.feature-item h3{font-size:var(--font-size-base)}.feature-item p{font-size:var(--font-size-xs)}.community-content h2{font-size:var(--font-size-xl)}.community-content>p{font-size:var(--font-size-sm)}.community-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}}@media (min-width: 768px) and (max-width: 1023px){.header-content{padding:var(--spacing-lg)}.hero-container{padding:0 var(--spacing-lg)}.stats-container{grid-template-columns:repeat(2,1fr);padding:0 var(--spacing-lg)}.community-container{padding:0 var(--spacing-lg)}.community-features{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.hero-container,.stats-container,.community-container{max-width:1200px;margin:0 auto}.stats-container,.community-features{grid-template-columns:repeat(3,1fr)}}.community-section{padding:80px 0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:60px 0}.community-container{max-width:1200px;margin:0 auto;padding:0 2rem}.community-content{text-align:center}.community-content h2{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-content>p{font-size:1.2rem;color:#666;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.community-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature-item{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.feature-item:hover{transform:translateY(-8px);box-shadow:0 8px 30px #0000001f}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-item h3{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.5rem}.feature-item p{color:#666;line-height:1.6;margin:0}.community-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.community-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.pagination-wrapper{width:100%;margin-top:24px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fffc;border:1px solid rgba(66,133,244,.1);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000000d;gap:20px}.pagination-info{flex-shrink:0}.pagination-text{font-size:15px;font-weight:500;color:var(--text-secondary, #64748b);line-height:1.5;letter-spacing:.01em}.pagination-text strong{font-weight:600;color:var(--text-primary, #1e293b)}.pagination-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.page-size-selector{display:flex;align-items:center;gap:10px;flex-shrink:0}.page-size-label,.page-size-unit{font-size:15px;font-weight:500;color:var(--text-secondary, #64748b);white-space:nowrap}.page-size-select{padding:8px 32px 8px 14px;border:2px solid rgba(66,133,244,.2);border-radius:10px;font-size:15px;font-weight:500;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary, #1e293b);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234285f4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;transition:all .3s ease;min-width:70px}.page-size-select:hover{border-color:#4285f466;background:linear-gradient(135deg,#fff,#f8fafc);transform:translateY(-1px);box-shadow:0 4px 12px #4285f426}.page-size-select:focus{outline:none;border-color:var(--text-accent, #4285f4);box-shadow:0 0 0 3px #4285f41a}.pagination-buttons{display:flex;align-items:center;gap:8px}.page-numbers{display:flex;gap:4px;margin:0 8px}.pagination-btn{padding:10px 16px;border:2px solid rgba(66,133,244,.2);border-radius:10px;font-size:15px;font-weight:500;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);color:var(--text-primary, #1e293b);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;line-height:1}.pagination-btn:hover:not(.disabled):not(.ellipsis){border-color:#4285f466;background:linear-gradient(135deg,#fff,#f8fafc);transform:translateY(-2px);box-shadow:0 6px 16px #4285f426}.pagination-btn:active:not(.disabled):not(.ellipsis){transform:translateY(-1px);box-shadow:0 4px 12px #4285f433}.page-btn{min-width:44px;padding:10px 12px}.pagination-btn.active{background:linear-gradient(135deg,var(--text-accent, #4285f4) 0%,#1976d2 100%);color:#fff;border-color:var(--text-accent, #4285f4);box-shadow:0 4px 16px #4285f44d;font-weight:600}.pagination-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.pagination-btn.disabled{background:#f8fafc99;color:var(--text-muted, #94a3b8);cursor:not-allowed;border-color:#94a3b833}.pagination-btn.disabled:hover{transform:none;box-shadow:none;background:#f8fafc99;border-color:#94a3b833}.pagination-btn.ellipsis{background:transparent;border-color:transparent;color:var(--text-muted, #94a3b8);cursor:default;font-weight:400}.pagination-btn.ellipsis:hover{transform:none;box-shadow:none;background:transparent;border-color:transparent}@media (min-width: 1200px){.pagination-container{padding:28px 40px}.pagination-text,.page-size-label,.page-size-unit,.page-size-select,.pagination-btn{font-size:16px}.pagination-btn{padding:12px 18px}.page-btn{min-width:48px;padding:12px 14px}}@media (max-width: 1199px) and (min-width: 768px){.pagination-container{padding:20px 24px;gap:16px}.pagination-controls{gap:20px}.pagination-text,.page-size-label,.page-size-unit{font-size:14px}.page-size-select{font-size:14px;padding:7px 28px 7px 12px;min-width:65px}.pagination-btn{font-size:14px;padding:9px 14px}.page-btn{min-width:40px;padding:9px 10px}}@media (max-width: 767px) and (min-width: 481px){.pagination-container{flex-direction:column;gap:20px;padding:20px 16px;align-items:stretch}.pagination-info{text-align:center;order:2}.pagination-controls{order:1;justify-content:center;flex-wrap:wrap;gap:16px}.page-size-selector{order:3;justify-content:center;margin-top:8px}.pagination-text,.page-size-label,.page-size-unit{font-size:13px}.page-size-select{font-size:13px;padding:6px 26px 6px 10px;min-width:60px}.pagination-btn{font-size:13px;padding:8px 12px}.page-btn{min-width:36px;padding:8px}.pagination-buttons{gap:6px}.page-numbers{gap:3px;margin:0 6px}}@media (max-width: 480px){.pagination-container{flex-direction:column;gap:16px;padding:16px 12px;align-items:stretch}.pagination-info{text-align:center;order:2}.pagination-controls{order:1;justify-content:center;flex-wrap:wrap;gap:12px}.page-size-selector{order:3;justify-content:center;margin-top:6px;gap:6px}.pagination-text{font-size:12px;line-height:1.4}.page-size-label,.page-size-unit{font-size:12px}.page-size-select{font-size:12px;padding:5px 24px 5px 8px;min-width:55px}.pagination-btn{font-size:12px;padding:7px 10px}.page-btn{min-width:32px;padding:7px 6px}.pagination-buttons{gap:4px}.page-numbers{gap:2px;margin:0 4px}.page-numbers .page-btn:not(.active):not(:first-child):not(:last-child):not(.ellipsis){display:none}.page-numbers .page-btn:nth-child(-n+2),.page-numbers .page-btn:nth-last-child(-n+2),.page-numbers .page-btn.active,.page-numbers .page-btn.ellipsis{display:flex}}@media (max-width: 360px){.pagination-container{padding:12px 8px;gap:12px}.pagination-text,.page-size-label,.page-size-unit,.page-size-select,.pagination-btn{font-size:11px}.pagination-btn{padding:6px 8px}.page-btn{min-width:28px;padding:6px 4px}.page-size-select{padding:4px 20px 4px 6px;min-width:50px}}@media (prefers-contrast: high){.pagination-btn{border-width:3px}.pagination-btn.active{border-color:#000;background:#000}.pagination-text strong{font-weight:700}}@media (prefers-reduced-motion: reduce){.pagination-btn,.page-size-select{transition:none}.pagination-btn:hover:not(.disabled):not(.ellipsis){transform:none}}.project-list-page{background:transparent;display:flex;flex-direction:column;align-items:center}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-sm);margin-left:auto;margin-right:auto;padding:var(--spacing-md) var(--spacing-lg);background:#ffffffd9;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:95%;max-width:1200px;min-width:320px}.page-header h1{text-align:left!important;color:var(--text-accent);font-size:1.69rem!important;font-weight:600!important;margin:0!important;text-shadow:0 2px 4px rgba(21,101,192,.2);flex-shrink:0}.header-controls{display:flex;gap:var(--spacing-md);align-items:center;flex-shrink:1;flex-wrap:wrap;min-width:0}.search-bar input{padding:10px 16px;border:1px solid var(--border-light);border-radius:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:14px;width:250px;transition:all .3s ease}.search-bar input:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #4285f41a;background:#fff}.filter-options{position:relative}.filter-options select{padding:10px 40px 10px 16px;border:2px solid rgba(66,133,244,.2);border-radius:12px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:120px;box-shadow:0 2px 8px #4285f41a}.filter-options select:hover{border-color:#4285f466;background:linear-gradient(135deg,#fff,#f0f5fb);transform:translateY(-1px);box-shadow:0 4px 12px #4285f426}.filter-options select:focus{outline:none;border-color:var(--text-accent);background:linear-gradient(135deg,#fff,#e3f2fd);box-shadow:0 0 0 3px #4285f41a,0 4px 12px #4285f433;transform:translateY(-1px)}.filter-options:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--text-accent);pointer-events:none;transition:all .3s ease;opacity:.7}.filter-options:hover:after{opacity:1;border-top-color:var(--text-accent)}.filter-options select option{padding:12px 16px;background:#fff;color:var(--text-primary);font-weight:500;border:none}.filter-options select option:hover{background:#4285f41a}.filter-options select option:checked{background:linear-gradient(135deg,var(--text-accent) 0%,#1976d2 100%);color:#fff;font-weight:600}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s ease}.refresh-button{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:var(--text-accent);border:1px solid rgba(66,133,244,.2)}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}.reset-filters-button{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:1px solid rgba(255,152,0,.2);box-shadow:0 4px 12px #ff98004d}.reset-filters-button:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.create-button{background:linear-gradient(135deg,var(--text-accent) 0%,#1976d2 100%);color:#fff;box-shadow:0 4px 12px #4285f44d}.create-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.shared-projects-button{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;box-shadow:0 4px 12px #9c27b04d}.shared-projects-button:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a);transform:translateY(-2px);box-shadow:0 6px 20px #9c27b066}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);width:100%;max-width:1400px}.loading{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary);font-size:1.1rem}.empty-state{text-align:center;padding:var(--spacing-xxl);background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-light);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-lg)}@media (min-width: 1200px){.page-header{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg)}.page-header h1{font-size:1.69rem}.header-controls{gap:var(--spacing-md)}.search-bar input{width:250px;font-size:14px;padding:10px 16px}.filter-options select{font-size:14px;padding:10px 40px 10px 16px}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{font-size:14px;padding:10px 20px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.loading,.empty-state p{font-size:1.1rem}}@media (min-width: 1440px) and (max-width: 1600px){.page-header{margin-top:0;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl)}.page-header h1{font-size:1.89rem}.search-bar input{width:280px;font-size:15px;padding:12px 18px}.filter-options select{font-size:15px;padding:12px 42px 12px 18px}.filter-options:after{right:14px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--text-accent)}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{font-size:15px;padding:12px 24px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--spacing-lg);max-width:none;padding:0 var(--spacing-xl)}.loading,.empty-state p{font-size:1.2rem}}@media (min-width: 1600px) and (max-width: 1800px){.page-header{margin-top:0;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl)}.page-header h1{font-size:1.89rem}.search-bar input{width:280px;font-size:15px;padding:12px 18px}.filter-options select{font-size:15px;padding:12px 42px 12px 18px}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{font-size:15px;padding:12px 24px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-lg);max-width:none;padding:0 var(--spacing-xl)}.loading,.empty-state p{font-size:1.2rem}}@media (min-width: 1800px) and (max-width: 2000px){.project-grid{grid-template-columns:repeat(3,1fr)!important;gap:var(--spacing-lg)!important;max-width:none!important;padding:0 calc(var(--spacing-xl) * 1.2)!important}}@media (min-width: 2000px) and (max-width: 2100px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))!important;gap:var(--spacing-lg)!important;max-width:none!important;padding:0 calc(var(--spacing-xl) * 1.3)!important}}@media (min-width: 2100px) and (max-width: 2300px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))!important;gap:var(--spacing-lg)!important;max-width:none!important;padding:0 calc(var(--spacing-xl) * 1.3)!important}}@media (min-width: 2300px) and (max-width: 2600px){.project-grid{grid-template-columns:repeat(4,1fr)!important;gap:var(--spacing-xl)!important;max-width:none!important;padding:0 calc(var(--spacing-xl) * 1.5)!important}}@media (min-width: 2600px){.page-header{margin-top:0;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) calc(var(--spacing-xl) * 1.5)}.page-header h1{font-size:2.09rem}.search-bar input{width:320px;font-size:16px;padding:14px 20px}.filter-options select{font-size:16px;padding:14px 44px 14px 20px}.filter-options:after{right:16px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--text-accent)}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{font-size:16px;padding:14px 28px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))!important;gap:var(--spacing-xl)!important;max-width:none!important;padding:0 calc(var(--spacing-xl) * 2)!important}.loading,.empty-state p{font-size:1.3rem}}@media (min-width: 769px) and (max-width: 1199px){.page-header{width:95%;padding:var(--spacing-sm) var(--spacing-sm);overflow:hidden}.header-controls{gap:var(--spacing-xs);flex-wrap:wrap;justify-content:flex-end;max-width:100%}.search-bar input{width:150px;font-size:12px;padding:6px 10px}.filter-options select{font-size:12px;padding:6px 32px 6px 10px;min-width:80px}.filter-options:after{right:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-accent)}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{font-size:12px;padding:6px 12px;white-space:nowrap;flex-shrink:1;min-width:60px}.page-header h1{font-size:1.29rem;flex-shrink:0;margin-right:var(--spacing-md)}}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--spacing-md);text-align:center;width:95%;min-width:auto;max-width:95%}.header-controls{position:static;transform:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);width:100%;justify-content:center}.search-bar{flex:1;min-width:120px}.search-bar input{width:100%;font-size:12px;padding:8px 10px}.filter-options{flex-shrink:0}.filter-options select{font-size:12px;padding:8px 32px 8px 10px;min-width:80px}.filter-options:after{right:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-accent)}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{flex-shrink:0;font-size:12px;padding:8px 12px;white-space:nowrap}.project-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media (max-width: 480px){.page-header{padding:var(--spacing-md)}.page-header h1{font-size:1.19rem}.header-controls{gap:4px;flex-wrap:wrap}.search-bar{flex:1;min-width:100px}.search-bar input{font-size:11px;padding:6px 8px}.filter-options select{font-size:11px;padding:6px 30px 6px 8px;min-width:70px}.filter-options:after{right:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-accent)}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{padding:6px 10px;font-size:11px;white-space:nowrap}.refresh-button{min-width:50px}.create-button{min-width:60px}}@media (max-width: 360px){.header-controls{gap:2px}.search-bar{min-width:80px}.search-bar input{font-size:10px;padding:5px 6px}.filter-options select{font-size:10px;padding:5px 28px 5px 6px;min-width:60px}.filter-options:after{right:5px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--text-accent)}.refresh-button,.reset-filters-button,.create-button,.shared-projects-button{padding:5px 8px;font-size:10px}.refresh-button{min-width:40px}.create-button{min-width:50px}}.webcam-hd-container{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:auto;image-rendering:-webkit-optimize-contrast;image-rendering:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.webcam-hd-canvas{width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover;display:block;image-rendering:auto;image-rendering:-webkit-optimize-contrast;image-rendering:smooth;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:contrast(1.05) brightness(1.02) saturate(1.02);-webkit-filter:contrast(1.05) brightness(1.02) saturate(1.02)}@media (min-resolution: 2dppx){.webcam-hd-canvas{image-rendering:-webkit-optimize-contrast;filter:contrast(1.15) brightness(1.1) saturate(1.05);-webkit-filter:contrast(1.15) brightness(1.1) saturate(1.05)}}@media (min-resolution: 3dppx){.webcam-hd-canvas{filter:contrast(1.2) brightness(1.15) saturate(1.1);-webkit-filter:contrast(1.2) brightness(1.15) saturate(1.1)}}@media (max-width: 768px){.webcam-hd-canvas{filter:contrast(1.05) brightness(1.02);-webkit-filter:contrast(1.05) brightness(1.02)}}.webcam-loading{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;animation:webcam-loading-animation 1s linear infinite}@keyframes webcam-loading-animation{0%{background-position:0 0,0 10px,10px -10px,-10px 0px}to{background-position:20px 20px,20px 30px,30px 10px,10px 20px}}.webcam-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px dashed #e57373}.webcam-ready{border:2px solid #4caf50;box-shadow:0 0 10px #4caf504d}.webcam-hd-canvas{image-rendering:-webkit-optimize-contrast!important;image-rendering:optimize-contrast!important;transform-origin:0 0;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:high-quality;image-rendering:-webkit-high-quality}.unified-workflow-container,.workflow-columns{width:100%;box-sizing:border-box}.workflow-column{width:100%;box-sizing:border-box;transition:all .3s ease}.workflow-column.active{box-shadow:0 4px 20px #4285f426}.workflow-column.collection-column.active{border-color:#4285f4;box-shadow:0 4px 20px #4285f426}.workflow-column.training-column.active{border-color:#ff9800;box-shadow:0 4px 20px #ff980026}.workflow-column.preview-column.active{border-color:#4caf50;box-shadow:0 4px 20px #4caf5026}.column-header{border-bottom:1px solid #f0f0f0;background:#f8f9fa80}.column-header h3{font-weight:600;display:flex;align-items:center;gap:.5rem}.column-progress{position:relative}.column-progress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#fff;z-index:0}.column-content{flex:1;overflow-y:auto}.workflow-stage.unified-mode{height:100%;display:flex;flex-direction:column}.workflow-stage.unified-mode .stage-content{height:100%;padding:0;display:flex;flex-direction:column}.collection-stage.unified-mode .category-card-compact{transition:all .2s ease}.collection-stage.unified-mode .category-card-compact:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.training-stage.unified-mode .training-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.training-stage.unified-mode .category-preview-item{transition:background-color .2s ease}.training-stage.unified-mode .category-preview-item:hover{background-color:#f0f0f0}.preview-stage.unified-mode .prediction-item{transition:all .3s ease}.preview-stage.unified-mode .prediction-item .confidence-fill{transition:width .5s ease}.unified-mode button{transition:all .2s ease}.unified-mode button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.unified-mode button:active:not(:disabled){transform:translateY(0)}.unified-mode *::-webkit-scrollbar{width:4px}.unified-mode *::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.unified-mode *::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.unified-mode *::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.collection-stage.unified-mode .collection-layout{grid-template-columns:1fr;gap:15px;min-height:auto}.collection-stage.unified-mode .categories-section{padding:12px}.collection-stage.unified-mode .category-card{height:150px;margin-bottom:12px}.collection-stage.unified-mode .category-images-scroll{height:80px}.collection-stage.unified-mode .webcam-container{width:200px;height:200px}.training-stage.unified-mode .training-controls{margin-bottom:15px}.training-stage.unified-mode .category-summary{padding:10px;margin-bottom:10px}.preview-stage.unified-mode .data-stats-panel{margin-bottom:15px}.preview-stage.unified-mode .webcam-preview-container{width:200px;height:200px}@media (max-width: 1200px){.workflow-columns{grid-template-columns:1fr!important;gap:1rem!important}.workflow-column{min-height:400px!important}}@media (max-width: 768px){.unified-workflow-container{padding:.5rem!important}.column-content,.column-header{padding:1rem!important}.column-header h3{font-size:1rem!important}}@media (min-width: 1400px){.unified-workflow-container{max-width:1600px}}@media (min-width: 1600px){.unified-workflow-container{max-width:1800px}}@media (min-width: 1800px){.unified-workflow-container{max-width:2000px}}@media (min-width: 1950px){.unified-workflow-container{max-width:2200px;padding:1.5rem}.workflow-columns{gap:2rem;min-height:1000px}.column-content{padding:2rem}.column-header{padding:1.5rem 2rem}.column-header h3{font-size:1.3rem}}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.column-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.column-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.unified-data-collection,.unified-training,.unified-preview{height:100%;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.unified-data-collection .stats-card,.unified-training .stats-card,.unified-preview .stats-card{transition:all .2s ease}.unified-data-collection .stats-card:hover,.unified-training .stats-card:hover,.unified-preview .stats-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.unified-data-collection .category-card{transition:all .2s ease}.unified-data-collection .category-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.unified-data-collection button,.unified-training button,.unified-preview button{transition:all .2s ease}.unified-data-collection button:hover:not(:disabled),.unified-training button:hover:not(:disabled),.unified-preview button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0003}.unified-training .progress-bar,.unified-preview .confidence-bar{transition:all .3s ease}.unified-preview #unified-preview-webcam{transition:all .2s ease}.unified-preview #unified-preview-webcam:hover{border-color:#4caf50}.unified-data-collection::-webkit-scrollbar,.unified-training::-webkit-scrollbar,.unified-preview::-webkit-scrollbar{width:4px}.unified-data-collection::-webkit-scrollbar-track,.unified-training::-webkit-scrollbar-track,.unified-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.unified-data-collection::-webkit-scrollbar-thumb,.unified-training::-webkit-scrollbar-thumb,.unified-preview::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.unified-data-collection::-webkit-scrollbar-thumb:hover,.unified-training::-webkit-scrollbar-thumb:hover,.unified-preview::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.profile-page{padding:var(--spacing-xl)!important;max-width:95%!important;width:95%!important;margin:0 auto!important}.profile-header{text-align:center;margin-bottom:var(--spacing-xl)}.profile-header h1{color:var(--text-accent);margin-bottom:var(--spacing-sm)}.profile-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.profile-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-light)}.tab-button{padding:var(--spacing-md) var(--spacing-xl);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab-button.active{color:var(--text-accent);border-bottom-color:var(--text-accent)}.tab-button:hover{color:var(--text-accent)}.profile-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--shadow-light);border:1px solid var(--border-light);overflow:hidden;max-width:none!important;width:100%!important}.card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-light);background:#4285f405}.card-header h3{margin:0 0 var(--spacing-sm);color:var(--text-accent);font-size:var(--font-size-xl);font-weight:600}.card-header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.profile-content{padding:var(--spacing-lg) var(--spacing-xl)}.avatar-section{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#4285f405;border-radius:12px}.avatar-left{display:flex;align-items:flex-start;gap:var(--spacing-lg);flex:0 0 auto}.avatar-right{flex:1;min-width:0}.avatar-container{position:relative;margin-bottom:var(--spacing-md)}.avatar-image{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 4px 20px #0000001a}.avatar-overlay{position:absolute;bottom:0;right:0}.avatar-upload-btn{background:var(--text-accent);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:20px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid white}.avatar-upload-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.avatar-info h4{margin:0 0 var(--spacing-sm);color:var(--text-accent);font-size:var(--font-size-xl);font-weight:600}.user-details{margin:var(--spacing-sm) 0;padding:var(--spacing-sm) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.user-detail-item{display:flex;align-items:center;margin-bottom:var(--spacing-xs);font-size:.9rem}.user-detail-item:last-child{margin-bottom:0}.detail-label{color:var(--text-secondary);font-weight:500;margin-right:var(--spacing-xs)}.detail-value{color:var(--text-primary);font-weight:400}.compact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.compact-form .form-group{margin-bottom:0}.compact-form .form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-weight:500;font-size:.9rem}.compact-form .form-group input,.compact-form .form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:border-color .2s ease}.compact-form .form-group input:focus,.compact-form .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4285f41a}.compact-form .form-group textarea{resize:vertical;min-height:80px}.avatar-tips{display:flex;flex-direction:column;gap:var(--spacing-xs)}.avatar-tips small{color:var(--text-secondary);font-size:var(--font-size-sm)}.profile-form{max-width:100%}.form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-accent);font-weight:600;font-size:var(--font-size-base)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-light);border-radius:8px;font-size:var(--font-size-base);background:#fffc;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-accent);background:#fff;box-shadow:0 0 0 3px #4285f41a}.readonly-input{background:#0000000d!important;color:var(--text-secondary)!important;cursor:not-allowed}.form-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs);font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:8px;font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;box-shadow:0 4px 15px #4285f44d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.security-content{padding:var(--spacing-xl)}.security-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:12px;background:#4285f403}.security-section h4{margin:0 0 var(--spacing-md);color:var(--text-accent);font-size:var(--font-size-lg);font-weight:600}.security-section>p{margin:0 0 var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-base)}.collapsible-section .section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-sm);margin:calc(var(--spacing-sm) * -1);border-radius:8px;transition:background .3s ease}.collapsible-section .section-header:hover{background:#4285f40d}.collapse-icon{transition:transform .3s ease;color:var(--text-accent);font-weight:700}.collapse-icon.expanded{transform:rotate(180deg)}.password-form{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.security-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(66,133,244,.1)}.security-item:last-child{border-bottom:none}.security-item-info{flex:1}.security-label{display:block;font-weight:600;color:var(--text-accent);margin-bottom:var(--spacing-xs)}.security-value{color:var(--text-secondary);font-size:var(--font-size-base)}.security-item-action{flex-shrink:0}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:12px;font-size:var(--font-size-sm);font-weight:600}.status-badge.verified{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.status-badge.unverified{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-badge.bound{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.security-note{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#f57c00;font-size:var(--font-size-sm)}.thirdparty-list{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.thirdparty-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border:1px solid var(--border-light);border-radius:12px;background:#ffffff80;transition:all .3s ease}.thirdparty-item:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.thirdparty-info{display:flex;align-items:center;gap:var(--spacing-lg)}.thirdparty-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);color:#fff}.thirdparty-icon.wechat{background:linear-gradient(135deg,#1aad19,#00d100)}.thirdparty-icon.qq{background:linear-gradient(135deg,#12b7f5,#09f)}.thirdparty-icon.github{background:linear-gradient(135deg,#333,#24292e)}.thirdparty-details h5{margin:0 0 var(--spacing-xs);color:var(--text-accent);font-size:var(--font-size-base);font-weight:600}.thirdparty-details p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.thirdparty-action{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-outline{background:transparent;border:2px solid var(--border-light);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){border-color:var(--text-accent);color:var(--text-accent);background:#4285f40d}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.thirdparty-note{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:#2196f30d;border:1px solid rgba(33,150,243,.2);border-radius:12px}.thirdparty-note p{margin:0 0 var(--spacing-sm);color:var(--text-accent);font-weight:600}.thirdparty-note ul{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary)}.thirdparty-note li{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}@media (max-width: 767px){.avatar-section{flex-direction:column;gap:var(--spacing-lg)}.avatar-left{flex-direction:column;align-items:center;text-align:center;width:100%}.avatar-right{width:100%}}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.avatar-section{flex-direction:row;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}.avatar-left{flex-direction:row;text-align:left;align-items:flex-start}.avatar-container{flex-shrink:0;margin-bottom:0}.avatar-info{flex:1}}@media (min-width: 1200px){.profile-page{padding:var(--spacing-xxl)}.profile-card{max-width:1200px;margin:0 auto var(--spacing-xl)}.profile-form{max-width:100%}.avatar-image{width:140px;height:140px}.security-section,.thirdparty-item{padding:var(--spacing-xl)}}@media (min-width: 1440px){.profile-page{padding:var(--spacing-xl) var(--spacing-lg)}.profile-card{max-width:1400px}.profile-header h1{font-size:2.5rem}.card-header h3{font-size:1.5rem}.form-group label{font-size:1.1rem}.form-group input,.form-group textarea{font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl)}.form-row{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-lg)}.form-group:has(textarea){grid-column:1 / -1}}@media (min-width: 1920px){.profile-page{padding:var(--spacing-lg) var(--spacing-md)!important}.profile-card{max-width:1600px!important}.profile-content,.security-content{padding:var(--spacing-lg) var(--spacing-xl)!important}.form-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.form-group:has(textarea){grid-column:1 / -1}.form-group:has(input[readonly]){grid-column:span 2}.security-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.security-section h4,.security-section>p{grid-column:1 / -1}}.error-message{background:linear-gradient(135deg,#f443361a,#d32f2f1a);border:1px solid rgba(244,67,54,.3);color:#d32f2f;padding:var(--spacing-md);border-radius:12px;margin-bottom:var(--spacing-lg);font-weight:500;text-align:center}.success-message{background:linear-gradient(135deg,#4caf501a,#388e3c1a);border:1px solid rgba(76,175,80,.3);color:#2e7d32;padding:var(--spacing-md);border-radius:12px;margin-bottom:var(--spacing-lg);font-weight:500;text-align:center}.admin-page-container{min-height:100vh;width:100%;background:transparent!important;padding:var(--spacing-xl, 2rem);margin:0;color:#333;position:relative}.admin-page-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl, 2rem) var(--spacing-xxl, 3rem);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);margin-bottom:var(--spacing-xl, 1.5rem);text-align:center}.admin-page-title{color:#1565c0;font-size:var(--font-size-3xl, 1.875rem);font-weight:600;margin:0 0 var(--spacing-md, 1rem) 0;text-shadow:0 2px 4px rgba(21,101,192,.2)}.welcome-text{color:#546e7a;font-size:var(--font-size-lg, 2rem);font-weight:500;margin:0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl, 2rem);margin-bottom:var(--spacing-xxl, 3rem)}.admin-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl, 2rem);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);display:flex;align-items:center;gap:var(--spacing-lg, 1.5rem);transition:all .3s ease;position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4285f4,#1565c0)}.admin-stat-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026;border-color:#4285f44d}.stat-icon{font-size:3rem;flex-shrink:0;opacity:.8}.stat-label{margin:0 0 var(--spacing-sm, .5rem) 0;color:#546e7a;font-size:1rem!important;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:1.5rem!important;font-weight:700;margin:0;background:linear-gradient(135deg,#4285f4,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.admin-quick-actions{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);padding:var(--spacing-xl, 2rem)}.quick-actions-header{text-align:center;margin-bottom:var(--spacing-xl, 2rem)}.quick-actions-header h2{color:#1565c0;font-size:var(--font-size-2xl, 1.5rem);font-weight:600;margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl, 2rem)}.quick-action-card{background:#fffc;padding:var(--spacing-xl, 2rem);border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(66,133,244,.1)}.quick-action-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.action-icon{font-size:2rem;margin-bottom:var(--spacing-md, 1rem);opacity:.8}.quick-action-card h3{color:#1565c0;font-size:1.4rem!important;font-weight:600;margin:0 0 var(--spacing-sm, .5rem) 0}.quick-action-card p{color:#546e7a;font-size:1rem!important;margin:0 0 var(--spacing-lg, 1.5rem) 0;line-height:1.5}@media (min-width: 1200px){.quick-action-card h3{font-size:1.6rem!important}.quick-action-card p{font-size:1.1rem!important}}@media (min-width: 1440px){.quick-action-card h3{font-size:1.8rem!important}.quick-action-card p{font-size:1.2rem!important}}@media (min-width: 1920px){.quick-action-card h3{font-size:2rem!important}.quick-action-card p{font-size:1.3rem!important}}.admin-btn-primary{background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;border:none;padding:var(--spacing-md, 1rem) var(--spacing-xl, 2rem);border-radius:12px;font-weight:600;font-size:var(--font-size-base, 1rem);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4285f44d}.admin-btn-secondary{background:#4285f41a;color:#1565c0;border:2px solid rgba(66,133,244,.2);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:8px;font-weight:500;font-size:var(--font-size-sm, .875rem);cursor:pointer;transition:all .3s ease}.admin-loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.loading-content{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xxl, 3rem);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(66,133,244,.2);border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg, 1.5rem) auto}.loading-text{color:#546e7a;font-size:var(--font-size-base, 1rem);margin:0}.admin-error-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.error-content{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xxl, 3rem);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);border-left:4px solid #f44336}.error-icon{font-size:3rem;margin-bottom:var(--spacing-lg, 1.5rem)}.admin-error-message{color:#f44336;font-weight:500;margin:var(--spacing-md, 1rem) 0 var(--spacing-lg, 1.5rem) 0;font-size:var(--font-size-base, 1rem)}@media (max-width: 767px){.admin-page-container{padding:var(--spacing-md, 1rem)}.admin-page-header{padding:var(--spacing-lg, 1.25rem)}.admin-page-title{font-size:var(--font-size-2xl, 1.5rem)}.welcome-text{font-size:var(--font-size-base, 1.5rem)}.admin-stats-grid{grid-template-columns:1fr;gap:var(--spacing-lg, 1.5rem)}.admin-stat-card{padding:var(--spacing-lg, 1.5rem);flex-direction:column;text-align:center;gap:var(--spacing-md, 1rem)}.stat-icon{font-size:2.5rem}.stat-number{font-size:1.375rem!important}.quick-actions-grid{grid-template-columns:1fr;gap:var(--spacing-lg, 1.5rem)}.quick-action-card{padding:var(--spacing-lg, 1.5rem)}.admin-btn-primary,.admin-btn-secondary{width:100%;padding:var(--spacing-md, 1rem)}.loading-content,.error-content{padding:var(--spacing-xl, 2rem)}}@media (max-width: 479px){.admin-page-container{padding:var(--spacing-sm, .5rem)}.admin-page-header{padding:var(--spacing-md, 1rem)}.admin-page-title{font-size:var(--font-size-xl, 1.25rem)}.admin-stat-card{padding:var(--spacing-md, 1rem)}.stat-icon{font-size:2rem}.stat-number{font-size:1.1rem!important}.quick-action-card{padding:var(--spacing-md, 1rem)}.action-icon{font-size:1.5rem}.admin-btn-primary,.admin-btn-secondary{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem)}}@media (min-width: 768px) and (max-width: 1023px){.admin-stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.admin-page-container{max-width:1200px;margin:0 auto}.admin-stats-grid{grid-template-columns:repeat(4,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}.user-stats{display:flex;align-items:center;gap:var(--spacing-lg, 1.5rem)}.total-count{background:linear-gradient(135deg,#4285f41a,#1565c00d);color:#1565c0;padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:20px;font-size:var(--font-size-sm, .875rem);font-weight:600;border:1px solid rgba(66,133,244,.2);box-shadow:0 2px 8px #4285f41a}.admin-page-header .search-container{margin-top:var(--spacing-md, 1rem)}.table-container table{width:100%;min-width:400px;border-collapse:collapse;font-size:var(--font-size-base, 1rem);table-layout:fixed}.table-container th:nth-child(1),.table-container td:nth-child(1){width:40%}.table-container th:nth-child(2),.table-container td:nth-child(2){width:30%}.table-container th:nth-child(3),.table-container td:nth-child(3){width:30%}.table-container th,.table-container td{padding:var(--spacing-md, 1rem);text-align:left;border-bottom:1px solid rgba(66,133,244,.1);vertical-align:middle}.table-container th{background:#4285f40d;color:#546e7a;font-weight:600;font-size:var(--font-size-base, 1rem);text-transform:uppercase;letter-spacing:.5px}.table-container tbody tr{transition:all .2s ease}.table-container tbody tr:hover{background:#4285f405}.user-info{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);text-align:left;align-items:flex-start;justify-content:flex-start}.username{color:#1565c0;font-weight:500;text-align:left;align-self:flex-start}.table-container .user-info{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}.table-container .username{color:#1565c0;font-weight:500;text-align:left!important;align-self:flex-start!important}.action-buttons{display:flex;gap:var(--spacing-sm, .5rem);align-items:center;flex-wrap:nowrap;justify-content:center;width:100%}.admin-btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:8px;font-weight:500;font-size:var(--font-size-sm, .875rem);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f443364d;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.admin-btn-danger:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-1px);box-shadow:0 4px 12px #f4433666}.admin-btn-danger.small{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem);border-radius:6px;min-width:auto}.admin-protection-label{color:#546e7a;font-size:var(--font-size-sm, .875rem);font-style:italic;font-weight:500;background:#4285f40d;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:6px;border:1px solid rgba(66,133,244,.1);display:inline-flex;align-items:center;justify-content:center;min-height:32px;white-space:nowrap}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg, 1.5rem);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg, 1.5rem);border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1)}.pagination-info{color:#546e7a;font-size:var(--font-size-sm, .875rem);font-weight:500}.admin-pagination .admin-btn-secondary:disabled{background:#4285f40d;color:#bdbdbd;border-color:#4285f41a;cursor:not-allowed;transform:none}.admin-pagination .admin-btn-secondary:disabled:hover{background:#4285f40d;transform:none}@media (max-width: 760px){.admin-page-header{padding:var(--spacing-lg, 1.5rem)}.admin-page-title{font-size:1.8rem!important}.table-header{padding:var(--spacing-md, 1rem)}.table-header h3{font-size:1.5rem!important}.search-and-actions{flex-direction:column;gap:var(--spacing-md, 1rem)}.search-container{min-width:auto;width:100%}.action-buttons-container{justify-content:center;width:100%}.table-container table{table-layout:auto!important;min-width:450px}.table-container th:nth-child(1),.table-container td:nth-child(1){width:auto!important;min-width:120px}.table-container th:nth-child(2),.table-container td:nth-child(2){width:auto!important;min-width:90px}.table-container th:nth-child(3),.table-container td:nth-child(3){width:auto!important;min-width:80px}.table-container th,.table-container td{padding:var(--spacing-sm, .5rem) var(--spacing-xs, .25rem);font-size:var(--font-size-sm, .875rem)}.admin-status-badge{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem)}}@media (max-width: 767px){.admin-page-header .header-content{flex-direction:column;gap:var(--spacing-md, 1rem);text-align:center}.user-stats{justify-content:center}.table-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md, 1rem)}.table-header h3{text-align:center;font-size:var(--font-size-lg, 1.125rem)}.table-header .search-container{max-width:100%;min-width:auto}.table-container{font-size:var(--font-size-xs, 1.2rem)}.table-container table{table-layout:auto!important;min-width:400px}.table-container th:nth-child(1),.table-container td:nth-child(1){min-width:110px}.table-container th:nth-child(2),.table-container td:nth-child(2){min-width:80px}.table-container th:nth-child(3),.table-container td:nth-child(3){min-width:70px}.table-container th,.table-container td{padding:var(--spacing-sm, .5rem)}.action-buttons{flex-direction:column;gap:var(--spacing-xs, .25rem);width:100%;justify-content:center}.admin-btn-secondary.small,.admin-btn-danger.small,.admin-protection-label{width:100%;text-align:center;font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);white-space:nowrap}.admin-pagination{flex-direction:column;gap:var(--spacing-md, 1rem)}.admin-pagination .admin-btn-secondary{width:120px}.pagination-info{order:-1;font-size:var(--font-size-sm, .875rem)}}@media (max-width: 680px){.admin-page-container{padding:var(--spacing-sm, .5rem)}.admin-page-header{padding:var(--spacing-md, 1rem)}.admin-page-title{font-size:1.5rem!important}.table-header{padding:var(--spacing-sm, .5rem)}.table-header h3{font-size:1.2rem!important}.admin-search-input{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem)}.table-container{font-size:var(--font-size-xs, .75rem)}.table-container th,.table-container td{padding:var(--spacing-xs, .25rem);font-size:var(--font-size-xs, .75rem)}.table-container table{min-width:400px}.username{font-size:var(--font-size-xs, .75rem)!important}.admin-status-badge{font-size:10px;padding:2px 4px}.action-buttons-container .admin-btn-secondary,.action-buttons-container .admin-btn-danger{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);min-width:60px}.total-count{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem)}.admin-pagination{padding:var(--spacing-md, 1rem)}.admin-pagination .admin-btn-secondary{width:100px;font-size:var(--font-size-xs, .75rem)}.pagination-info{font-size:var(--font-size-xs, .75rem)}}.admin-page-container{background:transparent!important;width:100%;max-width:2000px;margin:0 auto}.project-stats{display:flex;align-items:center;gap:var(--spacing-lg, 1.5rem)}.project-stats .total-count{background:linear-gradient(135deg,#4285f41a,#1565c00d);color:#1565c0;padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:20px;font-size:var(--font-size-sm, .875rem);font-weight:600;border:1px solid rgba(66,133,244,.2);box-shadow:0 2px 8px #4285f41a}.search-container{position:relative;display:flex;align-items:center;margin-top:var(--spacing-md, 1rem)}.admin-search-input{width:100%;max-width:400px;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border:2px solid rgba(66,133,244,.2);border-radius:25px;font-size:var(--font-size-sm, .875rem);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;outline:none}.admin-search-input:focus{border-color:#4285f480;box-shadow:0 0 0 3px #4285f41a;background:#fff}.admin-search-input::-moz-placeholder{color:#999;font-style:italic}.admin-search-input::placeholder{color:#999;font-style:italic}.admin-data-table{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);margin-bottom:var(--spacing-xl, 2rem)}.table-header{background:linear-gradient(135deg,#4285f41a,#1565c00d);padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid rgba(66,133,244,.1);display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.table-header h3{color:#1565c0;font-size:1.8rem!important;font-weight:600;margin:0;flex-shrink:0}.table-header .search-and-actions{width:100%}.table-header .search-container{margin-top:0}.table-header .admin-search-input{max-width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;background:#fff;border-radius:0 0 16px 16px}.admin-data-table table{table-layout:fixed;width:100%;min-width:400px;border-collapse:collapse;font-size:var(--font-size-base, 1rem)}.admin-data-table table th:nth-child(1),.admin-data-table table td:nth-child(1){width:50%}.admin-data-table table th:nth-child(2),.admin-data-table table td:nth-child(2){width:25%}.admin-data-table table th:nth-child(3),.admin-data-table table td:nth-child(3){width:25%}.search-and-actions{display:flex;align-items:center;gap:var(--spacing-md, 1rem);flex-wrap:wrap}.search-container{flex:1;min-width:250px}.action-buttons-container{display:flex;gap:var(--spacing-sm, .5rem);flex-shrink:0}.selectable-row{cursor:pointer;transition:all .2s ease}.selectable-row:hover{background:#4285f40d!important}.selectable-row.selected{background:#4285f41a!important;border-left:4px solid #4285f4}.selectable-row.selected td{border-color:#4285f44d}.action-buttons-container .admin-btn-secondary,.action-buttons-container .admin-btn-danger{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem);border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;white-space:nowrap;min-width:80px}.action-buttons-container .admin-btn-secondary{background:linear-gradient(135deg,#4285f4,#1565c0);color:#fff;box-shadow:0 2px 8px #4285f44d}.action-buttons-container .admin-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-1px);box-shadow:0 4px 12px #4285f466}.action-buttons-container .admin-btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 2px 8px #f443364d}.action-buttons-container .admin-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-1px);box-shadow:0 4px 12px #f4433666}.action-buttons-container .admin-btn-secondary:disabled,.action-buttons-container .admin-btn-danger:disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none;box-shadow:none}.action-buttons-container .admin-btn-secondary:disabled:hover,.action-buttons-container .admin-btn-danger:disabled:hover{background:#e0e0e0;transform:none;box-shadow:none}.admin-data-table table th,.admin-data-table table td{padding:var(--spacing-md, 1rem);text-align:left;border-bottom:1px solid rgba(66,133,244,.1);vertical-align:middle}.admin-data-table table th{background:#4285f40d;color:#546e7a;font-weight:600;font-size:var(--font-size-base, 1rem);text-transform:uppercase;letter-spacing:.5px}.admin-data-table table tbody tr{transition:all .2s ease}.admin-data-table table tbody tr:hover{background:#4285f405}.project-info{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem);text-align:left}.project-name{color:#1565c0;font-weight:600;font-size:var(--font-size-sm, .875rem);text-align:left}.project-type-badge{background:linear-gradient(135deg,#667eea1a,#764ba20d);color:#667eea;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:12px;font-size:var(--font-size-xs, .75rem);font-weight:600;border:1px solid rgba(102,126,234,.2);display:inline-block}.admin-status-badge.completed{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border-color:#2196f3;box-shadow:0 2px 4px #2196f333}.admin-status-badge.draft{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;border-color:#9c27b0;box-shadow:0 2px 4px #9c27b033}.action-buttons{display:flex;gap:var(--spacing-sm, .5rem);align-items:center;justify-content:center;flex-wrap:nowrap}.admin-btn-secondary.small{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem);border-radius:6px;white-space:nowrap;min-width:auto;display:inline-flex;align-items:center;justify-content:center}.admin-btn-danger.small{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:6px;font-weight:500;font-size:var(--font-size-sm, .875rem);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f443364d;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-width:auto}.admin-btn-danger.small:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-1px);box-shadow:0 4px 12px #f4433666}.admin-empty-state{text-align:center;padding:var(--spacing-xxl, 3rem);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg, 1.5rem);opacity:.6}.admin-empty-state h3{color:#1565c0;font-size:var(--font-size-xl, 1.25rem);font-weight:600;margin:0 0 var(--spacing-md, 1rem) 0}.admin-empty-state p{color:#546e7a;font-size:var(--font-size-base, 1rem);margin:0;line-height:1.5}@media (max-width: 760px){.admin-page-header{padding:var(--spacing-lg, 1.5rem)}.admin-page-title{font-size:1.8rem!important}.table-header{padding:var(--spacing-md, 1rem)}.table-header h3{font-size:1.5rem!important}.search-and-actions{flex-direction:column;gap:var(--spacing-md, 1rem)}.search-container{min-width:auto;width:100%}.action-buttons-container{justify-content:center;width:100%}.admin-data-table table{table-layout:auto!important;min-width:500px}.admin-data-table table th:nth-child(1),.admin-data-table table td:nth-child(1){width:auto!important;min-width:120px}.admin-data-table table th:nth-child(2),.admin-data-table table td:nth-child(2){width:auto!important;min-width:100px}.admin-data-table table th:nth-child(3),.admin-data-table table td:nth-child(3){width:auto!important;min-width:90px}.table-container th,.table-container td{padding:var(--spacing-sm, .5rem) var(--spacing-xs, .25rem);font-size:var(--font-size-sm, .875rem)}.admin-status-badge{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem)}.project-count-badge{font-size:var(--font-size-xs, .75rem)}}@media (max-width: 767px){.admin-page-header .header-content{flex-direction:column;gap:var(--spacing-md, 1rem);text-align:center}.project-stats{justify-content:center}.table-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md, 1rem)}.table-header h3{text-align:center;font-size:var(--font-size-lg, 1.125rem)}.table-header .search-container{max-width:100%;min-width:auto}.admin-data-table table{font-size:var(--font-size-xs, .75rem);min-width:450px;table-layout:auto!important}.admin-data-table table th,.admin-data-table table td{padding:var(--spacing-sm, .5rem)}.admin-data-table table th:nth-child(1),.admin-data-table table td:nth-child(1){min-width:110px}.admin-data-table table th:nth-child(2),.admin-data-table table td:nth-child(2){min-width:90px}.admin-data-table table th:nth-child(3),.admin-data-table table td:nth-child(3){min-width:80px}.action-buttons{flex-direction:column;gap:var(--spacing-xs, .25rem);width:100%}.admin-btn-secondary.small,.admin-btn-danger.small{width:100%;text-align:center;font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);white-space:nowrap}}@media (max-width: 680px){.admin-page-container{padding:var(--spacing-sm, .5rem)}.admin-page-header{padding:var(--spacing-md, 1rem)}.admin-page-title{font-size:1.5rem!important}.table-header{padding:var(--spacing-sm, .5rem)}.table-header h3{font-size:1.2rem!important}.admin-search-input{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem)}.table-container{font-size:var(--font-size-xs, .75rem)}.table-container th,.table-container td{padding:var(--spacing-xs, .25rem);font-size:var(--font-size-xs, .75rem)}.table-container table{min-width:400px}.project-name{font-size:var(--font-size-xs, .75rem)!important;white-space:normal!important;word-wrap:break-word!important;line-height:1.2!important}.admin-status-badge,.project-count-badge{font-size:10px;padding:2px 4px}.action-buttons-container .admin-btn-secondary,.action-buttons-container .admin-btn-danger{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);min-width:60px}.project-stats .total-count{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem)}.admin-pagination{padding:var(--spacing-md, 1rem)}.admin-pagination .admin-btn-secondary{width:100px;font-size:var(--font-size-xs, .75rem)}.pagination-info{font-size:var(--font-size-xs, .75rem)}.action-buttons{gap:var(--spacing-xs, .25rem)}}.admin-project-detail{padding:24px;max-width:1200px;margin:0 auto;background-color:#f8fafc;min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-container h3{color:#dc2626;margin-bottom:8px}.error-container p{color:#64748b;margin-bottom:24px}.error-actions{display:flex;gap:12px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center;gap:16px}.header-title h1{margin:0;color:#1e293b;font-size:28px;font-weight:600}.project-id{color:#64748b;font-size:14px;font-weight:500}.header-right{display:flex;align-items:center;gap:12px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fee2e2;color:#991b1b}.status-completed{background-color:#dbeafe;color:#1e40af}.status-draft{background-color:#f3f4f6;color:#374151}.status-training{background-color:#fef3c7;color:#92400e}.status-failed{background-color:#fecaca;color:#dc2626}.status-default{background-color:#e5e7eb;color:#6b7280}.detail-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.section-header h2{margin:0;color:#1e293b;font-size:20px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-item{display:flex;flex-direction:column}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:14px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;color:#1e293b;font-weight:500}.info-value.description{line-height:1.6;color:#475569}.owner-info{display:flex;flex-direction:column;gap:4px}.owner-name{font-weight:600;color:#1e293b}.owner-email{font-size:14px;color:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.stat-content{flex:1}.stat-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:18px;color:#1e293b;font-weight:700}.operation-timeline{position:relative;padding-left:32px}.timeline-item{position:relative;padding-bottom:24px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:-24px;top:20px;bottom:-24px;width:2px;background:#e2e8f0}.timeline-dot{position:absolute;left:-30px;top:8px;width:12px;height:12px;background:#3b82f6;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #e2e8f0}.timeline-title{font-weight:600;color:#1e293b;margin-bottom:4px}.timeline-time{font-size:12px;color:#64748b;margin-bottom:8px}.timeline-desc{color:#475569;line-height:1.5}.admin-actions{display:flex;gap:12px;flex-wrap:wrap}.action-button{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.view-button{background:#3b82f6;color:#fff}.view-button:hover{background:#2563eb}.edit-button{background:#f59e0b;color:#fff}.edit-button:hover{background:#d97706}.danger-button{background:#dc2626;color:#fff}.danger-button:hover{background:#b91c1c}.back-button,.retry-button{padding:10px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.back-button:hover,.retry-button:hover{background:#f9fafb;border-color:#9ca3af}@media (min-width: 1200px){.admin-project-detail{padding:32px}.header-title h1{font-size:36px}.project-id{font-size:18px}.section-header h2{font-size:26px}.info-item label{font-size:17px}.info-value{font-size:20px}.back-button,.retry-button{padding:12px 24px;font-size:17px}.status-badge{padding:8px 16px;font-size:15px}}@media (min-width: 768px) and (max-width: 1199px){.admin-project-detail{padding:24px}.header-title h1{font-size:30px}.project-id{font-size:16px}.section-header h2{font-size:22px}.info-item label{font-size:15px}.info-value{font-size:18px}.back-button,.retry-button{padding:10px 20px;font-size:15px}.status-badge{padding:6px 12px;font-size:13px}}@media (max-width: 768px){.admin-project-detail{padding:16px}.detail-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.header-left{flex-direction:column;align-items:flex-start;gap:8px}.header-title h1{font-size:26px}.project-id{font-size:14px}.section-header h2{font-size:20px}.detail-section{padding:16px;margin-bottom:16px}.info-grid{grid-template-columns:1fr;gap:16px}.info-item label{font-size:14px}.info-value{font-size:17px}.back-button,.retry-button{padding:8px 16px;font-size:14px}.status-badge{padding:5px 10px;font-size:12px}.admin-actions{flex-direction:column}.action-button{width:100%;justify-content:center;padding:12px;font-size:14px}}@media (max-width: 480px){.admin-project-detail{padding:12px}.detail-header{padding:12px;margin-bottom:16px}.header-title h1{font-size:22px}.project-id{font-size:13px}.section-header h2{font-size:18px}.detail-section{padding:12px;margin-bottom:12px}.info-grid{gap:12px}.info-item label{font-size:13px;margin-bottom:6px}.info-value{font-size:16px}.info-value.description{font-size:15px;line-height:1.5}.owner-name{font-size:16px}.owner-email{font-size:14px}.back-button,.retry-button{padding:8px 12px;font-size:13px}.status-badge{padding:4px 8px;font-size:11px}.error-icon{font-size:40px}.error-container h3{font-size:20px}.error-container p{font-size:15px}.loading-spinner{width:32px;height:32px}}html{margin:0;padding:0;width:100%;height:100%;background:var(--bg-primary, linear-gradient(135deg, #ffffff 0%, #e3f2fd 30%, #4285f4 100%))!important;background-attachment:fixed!important;background-size:cover!important;background-repeat:no-repeat!important}body{margin:0;padding:0;width:100%;background:transparent!important;min-height:100vh}*{background-attachment:inherit!important}.app-container{background:transparent;width:100%;min-height:100vh}.main-content{background:transparent;width:100%}.content-area{background:transparent}.admin-page-container{background:transparent!important;width:100%;min-height:100vh;padding:var(--spacing-xl, 2rem);margin:0}.admin-container{background:transparent!important;width:100%}.admin-page-container:before{display:none!important}.admin-page-container:after{display:none!important}.user-detail-page,.admin-dashboard,.admin-users,.admin-projects,.admin-settings{background:transparent!important}.community-page{background:transparent!important;width:100%;min-height:100vh;margin:0;padding:0}.community-header{background:var(--bg-card, rgba(255, 255, 255, .95))!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;width:100%}.community-content{background:transparent!important}.community-page:before{display:none!important}.community-page:after{display:none!important}.settings-page{background:transparent;width:100%;min-height:100vh}.admin-stat-card,.admin-data-table,.settings-section,.project-card,.user-card{background:var(--bg-card, rgba(255, 255, 255, .95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-page-container,.community-page,.user-detail-page,.admin-dashboard,.admin-users,.admin-projects,.admin-settings,.settings-page,.app-container,.main-content,.content-area,.page-container,.project-page,.project-detail,.user-profile,.system-settings{background:transparent!important;background-image:none!important;background-color:transparent!important}.card,.admin-card,.project-card,.user-card,.settings-card{background:#ffffffd9!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.modal,.dialog,.popup,.dropdown-menu{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-light)}@media (max-width: 768px){.admin-page-container,.community-content{padding:var(--spacing-lg, 1.5rem);background:transparent!important}}@media (max-width: 480px){.admin-page-container,.community-content{padding:var(--spacing-md, 1rem);background:transparent!important}}:root{--admin-primary: #4285f4;--admin-primary-dark: #1565c0;--admin-secondary: #546e7a;--admin-accent: #1565c0;--admin-bg-primary: transparent;--admin-bg-card: rgba(255, 255, 255, .95);--admin-bg-overlay: rgba(255, 255, 255, .9);--admin-border-light: rgba(66, 133, 244, .1);--admin-shadow-light: 0 4px 20px rgba(0, 0, 0, .08);--admin-shadow-hover: 0 8px 30px rgba(0, 0, 0, .15);--admin-success: #4caf50;--admin-error: #f44336;--admin-warning: #ff9800;--admin-info: #2196f3}[data-theme=dark]{--admin-bg-primary: transparent;--admin-bg-card: rgba(45, 55, 72, .95);--admin-bg-overlay: rgba(45, 55, 72, .9);--admin-border-light: rgba(99, 179, 237, .2);--admin-shadow-light: 0 4px 20px rgba(0, 0, 0, .3)}.admin-page-container{min-height:100vh;width:100%;background:transparent!important;padding:var(--spacing-xl, 2rem);margin:0;color:#333;position:relative;font-size:var(--font-size-base, 1rem);line-height:1.6}@media (min-width: 1200px){.admin-page-container{font-size:var(--font-size-lg, 1.125rem)}}@media (min-width: 1440px){.admin-page-container{font-size:var(--font-size-xl, 1.25rem)}}@media (min-width: 1920px){.admin-page-container{font-size:var(--font-size-2xl, 1.5rem)}}.admin-container{width:100%;max-width:2000px;margin:0 auto;padding:0;background:transparent!important;color:#333}.admin-loading-container,.admin-error-container,.admin-empty-state{display:flex;justify-content:center;align-items:center;min-height:60vh}.loading-content,.error-content{text-align:center;background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xxl, 3rem);border-radius:16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light)}.error-content{border-left:4px solid var(--admin-error)}.admin-page-header{background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl, 2rem) var(--spacing-xxl, 3rem);border-radius:16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light);margin-bottom:var(--spacing-xl, 2rem);text-align:center}.admin-page-title{color:var(--admin-accent);font-size:2rem!important;font-weight:600;margin:0 0 var(--spacing-md, 1rem) 0;text-shadow:0 2px 4px rgba(21,101,192,.2)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md, .5rem)}@media (min-width: 1200px){.admin-page-title{font-size:2rem!important}}@media (min-width: 1440px){.admin-page-title{font-size:2.2rem!important}}@media (min-width: 1920px){.admin-page-title{font-size:2.5rem!important}}.welcome-text{color:var(--admin-secondary);font-size:1.8rem!important;font-weight:500;margin:0}.header-actions{display:flex;gap:var(--spacing-md, 1rem);align-items:center}.admin-btn-primary{background:linear-gradient(135deg,var(--admin-primary) 0%,var(--admin-primary-dark) 100%);color:#fff;border:none;padding:var(--spacing-md, 1rem) var(--spacing-xl, 2rem);border-radius:12px;font-weight:600;font-size:var(--font-size-base, 1rem);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4285f44d}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.admin-btn-secondary{background:#4285f41a;color:var(--admin-accent);border:2px solid rgba(66,133,244,.2);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:8px;font-weight:500;font-size:var(--font-size-sm, .875rem);cursor:pointer;transition:all .3s ease}.admin-btn-secondary:hover{background:#4285f433;border-color:#4285f466;transform:translateY(-1px)}.user-detail-page{background:transparent!important;min-height:100vh;padding:var(--spacing-xl, 2rem);width:100%;max-width:2000px;margin:0 auto}.user-detail-page .page-header{background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl, 2rem);border-radius:16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light);margin-bottom:var(--spacing-xl, 2rem);display:flex;justify-content:space-between;align-items:center}.user-detail-page .page-header h1{color:var(--admin-accent);font-size:var(--font-size-2xl, 1.5rem);font-weight:600;margin:0}.user-detail-page .header-actions{display:flex;gap:var(--spacing-md, 1rem)}.back-button{background:var(--admin-btn-secondary);color:var(--admin-accent);border:2px solid rgba(66,133,244,.2);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:8px;font-weight:500;font-size:var(--font-size-sm, .875rem);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center}.back-button:hover{background:#4285f433;border-color:#4285f466;transform:translateY(-1px);text-decoration:none;color:var(--admin-accent)}.user-profile-header{background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl, 2rem);border-radius:16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light);margin-bottom:var(--spacing-xl, 2rem);display:flex;align-items:center;gap:var(--spacing-xl, 2rem)}.user-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 4px 15px #0000001a}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#4285f4,#1565c0);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.user-info{flex:1}.user-meta{display:flex;gap:var(--spacing-lg, 1.5rem);align-items:center;flex-wrap:wrap}.user-id{color:var(--admin-secondary);font-size:var(--font-size-sm, .875rem);font-family:Courier New,monospace;background:#4285f41a;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:4px}.project-count{color:var(--admin-secondary);font-size:var(--font-size-sm, .875rem);font-weight:500}.user-actions{display:flex;gap:var(--spacing-md, 1rem)}.delete-button{background:linear-gradient(135deg,var(--admin-error) 0%,#d32f2f 100%);color:#fff;border:none;padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:8px;cursor:pointer;font-size:var(--font-size-sm, .875rem);font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #f443364d}.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-1px);box-shadow:0 4px 12px #f4433666}.delete-button:disabled{background:#bdbdbd;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.admin-protection-notice{text-align:center;padding:var(--spacing-xl, 2rem);background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--admin-border-light);border-radius:12px;box-shadow:var(--admin-shadow-light)}.admin-badge{display:inline-block;padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00;border:1px solid #ffcc02;border-radius:20px;font-size:var(--font-size-sm, .875rem);font-weight:600;margin-bottom:var(--spacing-md, 1rem);box-shadow:0 2px 8px #f57c0033}.admin-notice{margin:var(--spacing-sm, .5rem) 0 0 0;color:var(--admin-secondary);font-size:var(--font-size-xs, .75rem);font-style:italic}.admin-tabs{display:flex;background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px 16px 0 0;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light);overflow:hidden}.admin-tab{flex:1;padding:var(--spacing-lg, 1.5rem) var(--spacing-xl, 2rem);background:#4285f40d;border:none;cursor:pointer;font-size:var(--font-size-base, 1rem);color:var(--admin-secondary);transition:all .3s ease;border-bottom:3px solid transparent;font-weight:500}.admin-tab:hover{background:#4285f41a;color:var(--admin-accent)}.admin-tab.active{background:var(--admin-bg-card);color:var(--admin-accent);border-bottom-color:var(--admin-primary);font-weight:600}.admin-tab-content,.tab-content{background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 16px 16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light);border-top:none;min-height:400px}.tab-content{background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 16px 16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light);border-top:none;min-height:400px}.profile-tab{padding:var(--spacing-xxl, 3rem)}.projects-tab,.activity-tab{padding:var(--spacing-xxl, 3rem);display:flex;justify-content:center;align-items:center;min-height:300px}.placeholder-text{color:var(--admin-secondary);font-size:var(--font-size-lg, 1.125rem);text-align:center;font-style:italic;margin:0}.admin-info-section,.info-section{padding:var(--spacing-xxl, 3rem);border-bottom:1px solid var(--admin-border-light)}.admin-info-section:last-child,.info-section:last-child{border-bottom:none}.admin-info-section h3,.info-section h3{margin:0 0 var(--spacing-xl, 2rem) 0;color:var(--admin-accent);font-size:var(--font-size-lg, 1.125rem);font-weight:600}.admin-info-grid,.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl, 2rem)}.admin-info-item,.info-item{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem);font-size:1.5rem!important}.admin-info-item label,.info-item label{font-weight:600;color:var(--admin-secondary);font-size:var(--font-size-sm, .875rem);text-transform:uppercase;letter-spacing:.5px}.admin-info-item div,.info-item div{color:var(--admin-accent);font-size:var(--font-size-base, 1rem);font-weight:500}.bindings-list{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.binding-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 1rem);background:#4285f40d;border-radius:8px;border:1px solid var(--admin-border-light)}.binding-type{font-weight:500;color:var(--admin-accent)}.binding-status{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:12px;font-size:var(--font-size-xs, .75rem);font-weight:600}.binding-status.bound{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.binding-status.unbound{background:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.2)}.user-profile-header{display:flex;align-items:flex-start;gap:var(--spacing-xxl, 3rem);background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xxl, 3rem);border-radius:16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light);margin-bottom:var(--spacing-xl, 2rem)}.user-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--admin-border-light);box-shadow:var(--admin-shadow-light);flex-shrink:0}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--admin-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600}.user-info{flex-grow:1}.user-info h2{margin:0 0 var(--spacing-md, 1rem) 0;color:var(--admin-accent);font-size:var(--font-size-2xl, 1.5rem);font-weight:600}.user-meta{display:flex;gap:var(--spacing-lg, 1.5rem);flex-wrap:wrap;align-items:center}.user-meta span{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:12px;font-size:var(--font-size-sm, .875rem);font-weight:500}.user-id{background:#4285f41a;color:var(--admin-accent);border:1px solid rgba(66,133,244,.2)}.project-count{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.user-actions{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);align-items:flex-end}.delete-button{background:#f443361a;color:#f44336;border:2px solid rgba(244,67,54,.2);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:8px;font-weight:600;font-size:var(--font-size-sm, .875rem);cursor:pointer;transition:all .3s ease}.delete-button:hover:not(:disabled){background:#f4433633;border-color:#f4433666;transform:translateY(-1px)}.delete-button:disabled{opacity:.5;cursor:not-allowed}.admin-protection-notice{text-align:right}.admin-badge{display:inline-block;background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.2);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:12px;font-size:var(--font-size-xs, .75rem);font-weight:600;margin-bottom:var(--spacing-xs, .25rem)}.admin-notice{margin:0;color:var(--admin-secondary);font-size:var(--font-size-xs, .75rem);font-style:italic}.admin-container.loading,.admin-container.error,.admin-container.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;text-align:center;background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light);margin:var(--spacing-xl, 2rem);padding:var(--spacing-xxl, 3rem)}.admin-container.loading{color:var(--admin-accent);font-size:var(--font-size-lg, 1.125rem)}.admin-container.error h2,.admin-container.not-found h2{color:#f44336;margin-bottom:var(--spacing-lg, 1.5rem);font-size:var(--font-size-xl, 1.25rem)}.admin-container.error p,.admin-container.not-found p{color:var(--admin-secondary);margin-bottom:var(--spacing-xl, 2rem);font-size:var(--font-size-base, 1rem)}.admin-container.error button,.admin-container.not-found button{background:var(--admin-accent);color:#fff;border:none;padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.admin-container.error button:hover,.admin-container.not-found button:hover{background:#4285f4cc;transform:translateY(-1px)}.admin-fade-in{animation:adminFadeIn .4s ease-out}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-slide-up{animation:adminSlideUp .3s ease-out}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-empty-state{text-align:center;padding:var(--spacing-xxl, 3rem);background:var(--admin-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--admin-shadow-light);border:1px solid var(--admin-border-light)}.admin-empty-state .empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg, 1.5rem);opacity:.6}.admin-empty-state h3{color:var(--admin-accent);font-size:var(--font-size-xl, 1.25rem);font-weight:600;margin:0 0 var(--spacing-md, 1rem) 0}.admin-empty-state p{color:var(--admin-secondary);font-size:var(--font-size-base, 1rem);margin:0;line-height:1.5}@media (max-width: 767px){.admin-page-container,.admin-container{padding:var(--spacing-md, 1rem)}.user-detail-page{padding:var(--spacing-md, 1rem);margin:0 auto;max-width:100%}.user-profile-header{flex-direction:column;text-align:center;gap:var(--spacing-lg, 1.5rem)}.user-meta{justify-content:center;flex-wrap:wrap}.admin-info-grid,.info-grid{grid-template-columns:1fr;gap:var(--spacing-lg, 1.5rem)}.admin-tabs{flex-direction:column}.admin-tab{border-radius:0;border-bottom:1px solid var(--admin-border-light)}.admin-page-header{padding:var(--spacing-lg, 1.5rem);text-align:center}.admin-page-title{font-size:2rem!important}.header-content{flex-direction:column;gap:var(--spacing-md, .5rem);text-align:center}.welcome-text{font-size:var(--font-size-base, 1rem)}.user-profile-header{flex-direction:column;text-align:center;gap:var(--spacing-lg, 1.5rem);padding:var(--spacing-lg, 1.5rem)}.user-meta{justify-content:center;gap:var(--spacing-md, 1rem)}.admin-info-grid{grid-template-columns:1fr;gap:var(--spacing-lg, 1.5rem)}.admin-tabs{flex-direction:column;border-radius:16px}.admin-tab{border-bottom:1px solid var(--admin-border-light);border-radius:0;padding:var(--spacing-md, 1rem)}.admin-tab:last-child{border-bottom:none}.admin-tab.active{border-bottom-color:var(--admin-primary)}.admin-tab-content{border-radius:16px;border:1px solid var(--admin-border-light)}.admin-btn-primary,.admin-btn-secondary{width:100%;padding:var(--spacing-md, 1rem);text-align:center}.loading-content,.error-content{padding:var(--spacing-xl, 2rem)}}@media (max-width: 479px){.admin-page-container{padding:var(--spacing-sm, .5rem)}.admin-page-header{padding:var(--spacing-md, 1rem)}.admin-page-title{font-size:1.6rem!important}.welcome-text{font-size:var(--font-size-sm, .875rem)}.user-profile-header{padding:var(--spacing-md, 1rem)}.user-avatar{width:60px;height:60px}.avatar-placeholder{font-size:24px}.user-info h2{font-size:var(--font-size-lg, 1.125rem)}.admin-btn-primary,.admin-btn-secondary{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem)}.loading-content,.error-content{padding:var(--spacing-lg, 1.5rem)}}@media (min-width: 768px) and (max-width: 1023px){.admin-page-container{padding:var(--spacing-lg, 1.5rem)}.admin-info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.admin-page-container{max-width:1600px;margin:0 auto}.admin-info-grid{grid-template-columns:repeat(3,1fr)}.admin-page-header:hover,.user-profile-header:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-hover)}}.admin-data-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-bottom:var(--spacing-xl, 2rem)}.admin-data-table table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-data-table th,.admin-data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.admin-data-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.admin-data-table .user-id{font-size:16px!important;font-weight:500;color:#2563eb}.admin-data-table .user-email{font-size:16px!important;color:#374151;font-weight:500}.admin-data-table .project-count-badge{font-size:16px!important;font-weight:600;color:#059669;background:#d1fae5;padding:4px 8px;border-radius:6px;display:inline-block;min-width:24px;text-align:center}.admin-data-table .date-text{font-size:16px!important;color:#6b7280;font-weight:500}.admin-data-table .username,.admin-data-table .project-name{font-size:16px!important;font-weight:600;color:#111827}.admin-data-table .project-type-badge{font-size:16px!important;font-weight:500;color:#667eea}.admin-data-table .admin-status-badge{font-size:14px!important;font-weight:600}.admin-data-table table th:nth-child(1),.admin-data-table table td:nth-child(1){width:80px;min-width:80px;max-width:80px}.admin-data-table table th:nth-child(2),.admin-data-table table td:nth-child(2){width:120px;min-width:120px;max-width:120px}.admin-data-table table th:nth-child(3),.admin-data-table table td:nth-child(3){width:140px;min-width:140px;max-width:140px}.admin-data-table table th:nth-child(4),.admin-data-table table td:nth-child(4){width:100px;min-width:100px;max-width:100px}.admin-data-table table th:nth-child(5),.admin-data-table table td:nth-child(5){width:80px;min-width:80px;max-width:80px;text-align:center}.admin-data-table table th:nth-child(6),.admin-data-table table td:nth-child(6){width:120px;min-width:120px;max-width:120px}.admin-data-table table th:nth-child(7),.admin-data-table table td:nth-child(7){width:80px;min-width:80px;max-width:80px}.admin-data-table table th:nth-child(8),.admin-data-table table td:nth-child(8){width:140px;min-width:140px;max-width:140px}.admin-data-table table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px 8px}.admin-data-table table td:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.admin-data-table table{table-layout:auto!important;min-width:800px}.admin-data-table table th,.admin-data-table table td{width:auto!important;min-width:auto!important;max-width:none!important;padding:8px 4px;font-size:14px}.admin-data-table table th:nth-child(1),.admin-data-table table td:nth-child(1){min-width:60px}.admin-data-table table th:nth-child(2),.admin-data-table table td:nth-child(2){min-width:100px}.admin-data-table table th:nth-child(3),.admin-data-table table td:nth-child(3){min-width:150px}.admin-data-table table th:nth-child(4),.admin-data-table table td:nth-child(4){min-width:80px}.admin-data-table table th:nth-child(5),.admin-data-table table td:nth-child(5){min-width:60px}.admin-data-table table th:nth-child(6),.admin-data-table table td:nth-child(6){min-width:100px}.admin-data-table table th:nth-child(7),.admin-data-table table td:nth-child(7){min-width:70px}.admin-data-table table th:nth-child(8),.admin-data-table table td:nth-child(8){min-width:120px}}@media (max-width: 1200px){.admin-data-table table{table-layout:auto!important}.admin-data-table table th,.admin-data-table table td{width:auto!important;min-width:auto!important;max-width:none!important}.admin-data-table table th:nth-child(1),.admin-data-table table td:nth-child(1){min-width:60px}.admin-data-table table th:nth-child(2),.admin-data-table table td:nth-child(2){min-width:100px}.admin-data-table table th:nth-child(3),.admin-data-table table td:nth-child(3){min-width:120px}.admin-data-table table th:nth-child(4),.admin-data-table table td:nth-child(4){min-width:80px}.admin-data-table table th:nth-child(5),.admin-data-table table td:nth-child(5){min-width:60px}.admin-data-table table th:nth-child(6),.admin-data-table table td:nth-child(6){min-width:100px}.admin-data-table table th:nth-child(7),.admin-data-table table td:nth-child(7){min-width:70px}.admin-data-table table th:nth-child(8),.admin-data-table table td:nth-child(8){min-width:100px}}@media (min-width: 769px) and (max-width: 1024px){.admin-data-table table th,.admin-data-table table td{padding:10px 6px;font-size:15px}}@media (max-width: 760px){.admin-data-table .username,.admin-data-table .project-name,.admin-data-table .user-email,.admin-data-table .project-type-badge,.admin-data-table .project-count-badge,.admin-data-table .date-text{font-size:14px!important}.admin-data-table .admin-status-badge{font-size:12px!important;padding:3px 6px}}@media (max-width: 680px){.admin-data-table .username,.admin-data-table .project-name,.admin-data-table .user-email,.admin-data-table .project-type-badge,.admin-data-table .project-count-badge,.admin-data-table .date-text{font-size:13px!important}.admin-data-table .admin-status-badge{font-size:11px!important;padding:2px 5px}}@media (max-width: 480px){.admin-data-table .username,.admin-data-table .project-name,.admin-data-table .user-email,.admin-data-table .project-type-badge,.admin-data-table .project-count-badge,.admin-data-table .date-text{font-size:12px!important}.admin-data-table .admin-status-badge{font-size:10px!important;padding:2px 4px}}@media (min-width: 1200px){.admin-data-table .username,.admin-data-table .project-name{font-size:18px!important}.admin-data-table .user-email,.admin-data-table .project-type-badge,.admin-data-table .project-count-badge,.admin-data-table .date-text,.admin-data-table .user-id{font-size:17px!important}.admin-data-table .admin-status-badge{font-size:15px!important;padding:5px 10px}}@media (min-width: 1440px){.admin-data-table .username,.admin-data-table .project-name{font-size:20px!important}.admin-data-table .user-email,.admin-data-table .project-type-badge,.admin-data-table .project-count-badge,.admin-data-table .date-text,.admin-data-table .user-id{font-size:19px!important}.admin-data-table .admin-status-badge{font-size:16px!important;padding:6px 12px}}@media (min-width: 1920px){.admin-data-table .username,.admin-data-table .project-name{font-size:22px!important}.admin-data-table .user-email,.admin-data-table .project-type-badge,.admin-data-table .project-count-badge,.admin-data-table .date-text,.admin-data-table .user-id{font-size:21px!important}.admin-data-table .admin-status-badge{font-size:18px!important;padding:7px 14px}}.admin-status-badge{display:inline-block;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:12px;font-size:var(--font-size-xs, .75rem);font-weight:600;text-align:center;border:1px solid;transition:all .2s ease;white-space:nowrap;vertical-align:middle}.admin-status-badge.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-color:#4caf50;box-shadow:0 2px 4px #4caf5033}.admin-status-badge.inactive{background:linear-gradient(135deg,#fff3cd,#ffe082);color:#f57c00;border-color:#ffc107;box-shadow:0 2px 4px #ffc10733}.admin-status-badge.banned{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f;border-color:#f44336;box-shadow:0 2px 4px #f4433633}.admin-status-badge.admin{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00;border-color:#ffcc02;box-shadow:0 2px 4px #f57c0033}.admin-status-badge.user{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border-color:#2196f3;box-shadow:0 2px 4px #2196f333}.admin-page-container{background:transparent!important}.admin-error-message{display:flex;align-items:center;gap:var(--spacing-md, 1rem);background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f;padding:var(--spacing-lg, 1.5rem);border-radius:12px;margin-bottom:var(--spacing-xl, 2rem);border:1px solid #f44336;box-shadow:0 4px 15px #f4433633}.admin-success-message{display:flex;align-items:center;gap:var(--spacing-md, 1rem);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;padding:var(--spacing-lg, 1.5rem);border-radius:12px;margin-bottom:var(--spacing-xl, 2rem);border:1px solid #4caf50;box-shadow:0 4px 15px #4caf5033}.error-icon,.success-icon{font-size:1.5rem;flex-shrink:0}.admin-settings-form{display:flex;flex-direction:column;gap:var(--spacing-xl, 2rem)}.settings-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1);overflow:hidden;transition:all .3s ease}.settings-section:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000001f}.section-header{background:linear-gradient(135deg,#4285f41a,#1565c00d);padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid rgba(66,133,244,.1);display:flex;align-items:center;gap:var(--spacing-md, 1rem)}.section-icon{font-size:1.5rem;opacity:.8}.section-header h3{color:#1565c0;font-size:1.5rem!important;font-weight:600;margin:0}.section-content{padding:var(--spacing-xl, 2rem)}@media (min-width: 1200px){.section-header h3{font-size:1.5rem!important}}@media (min-width: 1440px){.section-header h3{font-size:1.8rem!important}}@media (min-width: 1920px){.section-header h3{font-size:2rem!important}}.admin-form-group{margin-bottom:var(--spacing-lg, 1.5rem)}.admin-form-group:last-child{margin-bottom:0}.admin-form-group label{display:block;margin-bottom:var(--spacing-sm, .5rem);color:#546e7a;font-weight:600;font-size:var(--font-size-sm, .875rem)}.admin-input,.admin-textarea{width:100%;padding:var(--spacing-md, 1rem);border:2px solid rgba(66,133,244,.2);border-radius:8px;font-size:var(--font-size-base, 1rem);background:#ffffffe6;transition:all .3s ease;font-family:inherit}.admin-input:focus,.admin-textarea:focus{outline:none;border-color:#4285f4;background:#fff;box-shadow:0 0 0 3px #4285f41a;transform:translateY(-1px)}.admin-textarea{resize:vertical;min-height:80px;line-height:1.5}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-lg, 1.5rem)}.admin-checkbox-item{background:#4285f408;padding:var(--spacing-lg, 1.5rem);border-radius:12px;border:1px solid rgba(66,133,244,.1);transition:all .3s ease}.admin-checkbox-item:hover{background:#4285f40d;border-color:#4285f433;transform:translateY(-1px)}.admin-checkbox-label{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem);cursor:pointer}.admin-checkbox{width:20px;height:20px;margin-right:var(--spacing-md, 1rem);accent-color:#4285f4;cursor:pointer}.checkbox-text{color:#1565c0;font-weight:600;font-size:var(--font-size-base, 1rem);display:flex;align-items:center}.checkbox-description{color:#546e7a;font-size:var(--font-size-sm, .875rem);line-height:1.4;margin-left:32px}.admin-form-actions{display:flex;justify-content:center;padding:var(--spacing-xl, 2rem);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(66,133,244,.1)}.save-btn{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-lg, 1.5rem) var(--spacing-xxl, 3rem);font-size:var(--font-size-lg, 1.125rem);font-weight:600;min-width:160px;justify-content:center}.save-btn:disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);cursor:not-allowed;transform:none;box-shadow:none}.save-btn:disabled:hover{transform:none;box-shadow:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){.admin-settings-form{gap:var(--spacing-lg, 1.5rem)}.section-header{padding:var(--spacing-md, 1rem);flex-direction:column;text-align:center;gap:var(--spacing-sm, .5rem)}.section-icon{font-size:2rem}.section-content{padding:var(--spacing-lg, 1.5rem)}.admin-form-group{margin-bottom:var(--spacing-md, 1rem)}.admin-form-group label{font-size:var(--font-size-sm, .875rem)}.admin-input,.admin-textarea{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem)}.admin-textarea{min-height:60px}.checkbox-group{gap:var(--spacing-md, 1rem)}.admin-checkbox-item{padding:var(--spacing-md, 1rem)}.checkbox-text{font-size:var(--font-size-sm, .875rem)}.checkbox-description{font-size:var(--font-size-xs, .75rem);margin-left:28px}.admin-form-actions{padding:var(--spacing-lg, 1.5rem)}.save-btn{width:100%;padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-base, 1rem)}.admin-error-message,.admin-success-message{padding:var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem)}}@media (max-width: 479px){.section-header{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem)}.section-header h3{font-size:1.4rem!important}.section-content{padding:var(--spacing-md, 1rem)}.admin-form-group label{font-size:var(--font-size-xs, .75rem)}.admin-input,.admin-textarea{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:var(--font-size-xs, .75rem)}.admin-checkbox{width:16px;height:16px}.checkbox-text{font-size:var(--font-size-xs, .75rem)}.checkbox-description{font-size:11px;margin-left:24px}.save-btn{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem)}}@media (min-width: 768px) and (max-width: 1023px){.admin-settings-form{max-width:700px;margin:0 auto}.section-content{padding:var(--spacing-xl, 2rem)}.save-btn{padding:var(--spacing-lg, 1.5rem) var(--spacing-xxl, 3rem)}}.admin-page-header{padding:var(--spacing-sm, .5rem) var(--spacing-xxl, 3rem)!important}.admin-page-header .admin-page-title{margin-bottom:var(--spacing-xs, .25rem)!important;font-size:1.8rem!important}.admin-page-header .welcome-text{font-size:1.2rem!important;margin:0!important}.admin-page-header .header-content{gap:var(--spacing-xs, .25rem)!important}@media (min-width: 1024px){.admin-settings-form{max-width:none;margin:0}.settings-section:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.admin-checkbox-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4285f41a}.admin-input:focus,.admin-textarea:focus{transform:translateY(-2px);box-shadow:0 4px 15px #4285f433}}.settings-section{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-section:nth-child(1){animation-delay:.1s}.settings-section:nth-child(2){animation-delay:.2s}.settings-section:nth-child(3){animation-delay:.3s}.admin-form-actions{animation:fadeInUp .4s ease-out .4s both}.admin-input.error,.admin-textarea.error{border-color:#f44336;background:#f443360d}.admin-input.success,.admin-textarea.success{border-color:#4caf50;background:#4caf500d}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:var(--font-size-xs, .75rem)}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}