:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;margin:0;padding:0;text-align:left}.App{color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid var(--border-color);background-color:var(--bg-primary);box-shadow:var(--shadow-md)}.header-spacer{flex:1}.app-title{font-size:var(--font-size-2xl);margin:0;text-align:center;flex:1;color:var(--color-primary);font-weight:600}.auth-container{flex:1;display:flex;justify-content:flex-end;text-align:right}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.user-welcome{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:700}.main-content{flex:1;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.content-row-1{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);min-height:300px}.content-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.content-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.content-column-header h3{margin:0;font-size:var(--font-size-xl);color:var(--text-primary);font-weight:600}.table-wrapper{flex:1;overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-primary);box-shadow:var(--shadow-md);min-height:200px;max-height:500px}.search-input{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}.search-input::placeholder{color:var(--color-gray-400)}.content-row-2{min-height:100px}.app-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:2px solid var(--border-color);background-color:var(--bg-secondary);text-align:center;color:var(--text-secondary);font-size:.9rem}.admin-table{border-collapse:collapse;width:100%}.admin-table th{border:1px solid var(--border-color);font-weight:600;padding:10px;background-color:var(--color-primary);color:var(--color-white);text-align:left;-webkit-user-select:none;user-select:none;font-size:.95rem}.admin-table td{border:1px solid var(--border-color);padding:10px;color:var(--text-primary)}.admin-table tbody tr{transition:background-color .2s}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:var(--bg-secondary)}.admin-table tr.selected-row td{background-color:var(--color-primary-light);color:var(--color-white);font-weight:500}.admin-table tr.selected-row:hover td{background-color:var(--color-primary)}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.btn-outline{border:1.5px solid var(--color-primary);background:var(--bg-primary);cursor:pointer;border-radius:var(--radius-md);font-size:.95rem;color:var(--color-primary);font-weight:500;transition:all .2s}.btn-outline:hover{background-color:var(--color-primary-dark);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=number],textarea{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}input[type=text]:read-only,input[type=number]:read-only,textarea:read-only{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7}.error-box{color:var(--color-error);border:1px solid var(--color-error);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);background-color:#ef44440d}.alert-warning{color:var(--color-warning);font-weight:600;padding:var(--spacing-md);border:1px solid var(--color-warning);border-radius:var(--radius-md);background-color:#f59e0b0d}.error-text{color:var(--color-error);padding:var(--spacing-md);background:#ef44440d;border:1px solid var(--color-error);border-radius:var(--radius-md);font-weight:500}.profile-section{width:100%;height:100%}.tab-header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.tab-btn{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border:none;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sortable-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.projects-pane{flex:1;background:var(--bg-secondary);padding:var(--spacing-xl);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.projects-pane h3{margin-top:0;color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}@media(max-width:1024px){.content-row-1{grid-template-columns:1fr;gap:var(--spacing-lg)}.app-header{flex-direction:column;gap:var(--spacing-md)}.auth-container{justify-content:center;width:100%}}@media(max-width:768px){.App{padding:0 1rem}.main-content{padding:var(--spacing-lg)}.app-title{font-size:var(--font-size-xl)}.content-column-header h3{font-size:var(--font-size-lg)}.btn-outline{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}}:root{--color-primary: #0066cc;--color-primary-light: #4d9fff;--color-primary-dark: #004499;--color-secondary: #00b4a0;--color-secondary-light: #4dd9cc;--color-secondary-dark: #008080;--color-accent: #ff6b35;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-white: #ffffff;--color-light-gray: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-black: #000000;--bg-primary: var(--color-white);--bg-secondary: var(--color-light-gray);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--border-color: var(--color-gray-200);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--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;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-md: .375rem;--radius-lg: .5rem;--radius-2xl: 1rem}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family-base);color:var(--text-primary);background-color:var(--bg-primary)}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;margin:50px auto;max-width:700px}.landing-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#2c3e50;letter-spacing:-1px}.landing-subtitle{font-size:1.2rem;color:#555;margin-bottom:2.5rem;max-width:600px;line-height:1.6}.btn-get-started{padding:14px 40px;font-size:1.1rem;font-weight:600;background-color:#000;color:#fff;border:2px solid #000;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-get-started:hover{background-color:transparent;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-get-started:active{transform:translateY(0)}@media(max-width:768px){.landing-container{min-height:50vh;margin:20px auto;padding:30px 20px}.landing-title{font-size:2rem}.landing-subtitle{font-size:1rem}.btn-get-started{padding:12px 30px;font-size:1rem}}