:root{--template-loader-primary:#429594;--template-loader-secondary:#acacac;--template-loader-base:hsla(0,0%,59%,.2);--template-loader-success:#10b981;--template-loader-warning:#f59e0b;--template-loader-error:#dc2626;--spinner-primary-color:var(--template-loader-primary);--spinner-secondary-color:var(--template-loader-secondary);--spinner-base-color:var(--template-loader-base);--spinner-top-color:var(--template-loader-primary);--spinner-success-color:var(--template-loader-success);--spinner-warning-color:var(--template-loader-warning);--spinner-error-color:var(--template-loader-error)}.loader-template-primary{border-color:var(--template-loader-base)!important;border-top-color:var(--template-loader-primary)!important}.loader-template-success{border-color:var(--template-loader-base)!important;border-top-color:var(--template-loader-success)!important}.loader-template-warning{border-color:var(--template-loader-base)!important;border-top-color:var(--template-loader-warning)!important}.loader-template-error{border-color:var(--template-loader-base)!important;border-top-color:var(--template-loader-error)!important}@keyframes template-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.template-spinner{animation:template-spin 1s linear infinite}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color:#27315c;--primary-dark:#1d2f82;--primary-hover:#1d2f82;--secondary-color:#33ad9d;--secondary-dark:#2a8a7a;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--spinner-base-color:var(--template-loader-base,#e5e7eb);--spinner-top-color:var(--template-loader-primary,#10b981);--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--border-color:#e0e0e0;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--border-radius-sm:4px;--border-radius:6px;--border-radius-lg:8px;--border-radius-xl:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);--safe-area-top:44px;--nav-height:56px}.app-container{display:flex;flex-direction:column;min-height:100vh}.page-container{flex:1;overflow:hidden;position:relative}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;display:inline-flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{align-items:center;background:var(--primary-color);color:#fff;display:flex}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-300);transform:translateY(-1px)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-sm{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:16px;padding:var(--spacing-md) var(--spacing-lg)}.btn-light{align-items:center;background-color:transparent;border:1px solid;border-radius:6px;color:var(--color-primary,#007bff);cursor:pointer;display:flex;gap:10px;padding:.5em 1em;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn-light:hover{background-color:#007bff1a;border-color:var(--color-primary-hover,#0056b3)}.btn-ghost{align-items:center;background-color:transparent;border:none;color:var(--color-primary,#2a5f98);cursor:pointer;display:flex;gap:10px;padding:.5em 1em;transition:color .2s ease}.btn-ghost:hover{color:var(--color-primary-hover,#0056b3)}.form-input{border:.3px solid var(--gray-700);border-radius:var(--border-radius);font-size:15px;height:45px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #00ffdd1a;outline:none}.form-input::-moz-placeholder{color:var(--gray-600)}.form-input::placeholder{color:var(--gray-600)}.form-label{color:var(--gray-400);display:block;font-size:.9rem;font-weight:400;margin-bottom:var(--spacing-sm)}.card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.card-body{padding:var(--spacing-lg)}.card-header{background:var(--gray-100);border-bottom:1px solid var(--gray-200);padding:var(--spacing-md) var(--spacing-lg)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--gray-600)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}@media (max-width:768px){:root{--spacing-md:12px;--spacing-lg:20px;--spacing-xl:28px}.btn{padding:var(--spacing-sm) var(--spacing-md)}}@media (prefers-color-scheme:dark){:root{--gray-100:#1a1a1a;--gray-200:#2d2d2d;--gray-300:#404040;--gray-400:#525252;--gray-500:#737373;--gray-600:#a3a3a3;--gray-700:#d4d4d4;--gray-800:#e5e5e5;--gray-900:#f5f5f5}}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#1a202c}#app{min-height:100vh}:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--primary-color:#1976d2;--primary-hover:#1565c0;--secondary-color:#60eabc;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}