:root,[data-theme=light]{--primary-color: #ff6b6b;--secondary-color: #4ecdc4;--accent-color: #4ecdc4;--dark-color: #2d3436;--light-color: #f8f9fa;--success-color: #00b894;--warning-color: #fdcb6e;--error-color: #d63031;--border-radius: 12px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #2d3436;--text-secondary: #555;--text-tertiary: #666;--border-color: #ddd;--card-bg: #ffffff;--navbar-bg: #ffffff;--navbar-text: #333;--input-bg: #ffffff;--input-border: #ddd;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15)}[data-theme=dark]{--primary-color: #ff7979;--secondary-color: #5ed4cc;--accent-color: #5ed4cc;--dark-color: #f8f9fa;--light-color: #1a1d23;--success-color: #00d9a6;--warning-color: #ffd93d;--error-color: #ff4757;--border-radius: 12px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .3);--bg-primary: #1a1d23;--bg-secondary: #25292f;--bg-tertiary: #2f3338;--text-primary: #e8eaed;--text-secondary: #bdc1c6;--text-tertiary: #9aa0a6;--border-color: #3c4043;--card-bg: #25292f;--navbar-bg: #1a1d23;--navbar-text: #e8eaed;--input-bg: #2f3338;--input-border: #3c4043;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lunasima,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600}a{text-decoration:none;color:var(--primary-color);transition:color .3s ease}a:hover{color:var(--secondary-color)}button{cursor:pointer;border:none;outline:none;transition:all .3s ease}[data-theme=dark] input[type=checkbox]+span,[data-theme=dark] input[type=checkbox]~span{color:#fff}.btn{padding:12px 24px;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:var(--box-shadow)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#45b8b0}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:24px;margin-bottom:24px;transition:background-color .3s ease,box-shadow .3s ease}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-control{width:100%;padding:12px;border:2px solid var(--input-border);border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s ease,background-color .3s ease;background-color:var(--input-bg);color:var(--text-primary)}.form-control:focus{outline:none;border-color:var(--primary-color)}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.5rem}.success-message{color:var(--success-color);font-size:.875rem;margin-top:.5rem}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row>*{padding-right:15px;padding-left:15px}.col-md-6,.col-lg-4{position:relative;width:100%}.mb-4{margin-bottom:1.5rem!important}.col-12,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9,.col-lg-4,.col-lg-10{flex:0 0 100%;max-width:100%}@media (min-width: 768px){.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%}}@media (min-width: 992px){.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}}.col-12{flex:0 0 100%;max-width:100%}.h-100{height:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-grow-1{flex-grow:1}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.text-muted{color:#6c757d!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mt-auto{margin-top:auto!important}.w-100{width:100%!important}.btn-group{display:inline-flex;vertical-align:middle}.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group .btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.btn-sm{padding:6px 12px;font-size:.875rem}.btn-outline-secondary{background-color:transparent;border:2px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;color:#fff}.btn-outline-danger{background-color:transparent;border:2px solid var(--error-color);color:var(--error-color)}.btn-outline-danger:hover{background-color:var(--error-color);color:#fff}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.bg-success{background-color:var(--success-color)!important}.bg-warning{background-color:var(--warning-color)!important}.bg-secondary{background-color:#6c757d!important}.card-img-top{width:100%;height:200px;object-fit:cover;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.card-body{padding:1.25rem}.card-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.card-text{margin-bottom:1rem}@media (max-width: 768px){.container{padding:0 16px}.btn{width:100%}}