:root{--color-white:#ffffff;--color-black:#000000;--color-primary:#3b82f6;--color-primary-brand-start:#60a5fa;--color-primary-brand-mid:#3b82f6;--color-primary-brand-end:#2563eb;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-gray-50:#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-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-card:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-toast:60}.heading-1{font-size:2.25rem;line-height:1.2}.heading-1,.heading-2{font-weight:700;color:var(--color-gray-900);margin:0}.heading-2{font-size:1.875rem;line-height:1.25}.heading-3{font-size:1.5rem;line-height:1.3}.heading-3,.heading-4{font-weight:600;color:var(--color-gray-900);margin:0}.heading-4{font-size:1.25rem;line-height:1.4}.heading-5{font-size:1.125rem}.heading-5,.heading-6{font-weight:600;color:var(--color-gray-900);line-height:1.5;margin:0}.heading-6,.text-base{font-size:1rem}.text-base{color:var(--color-gray-700);line-height:1.5}.text-sm{font-size:.875rem;color:var(--color-gray-600);line-height:1.4}.text-xs{font-size:.75rem;color:var(--color-gray-500);line-height:1.3}.text-lg{font-size:1.125rem;color:var(--color-gray-700);line-height:1.6}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-gray-600)}.text-muted{color:var(--color-gray-500)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-normal{font-weight:400}.text-medium{font-weight:500}.text-semibold{font-weight:600}.text-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.btn{font-weight:600;border-radius:14px;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base),opacity var(--transition-base);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;outline:none;position:relative;isolation:isolate;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;letter-spacing:-.01em;line-height:1}.btn:focus-visible{outline:2px solid rgba(59,130,246,.24);outline-offset:3px}.btn:disabled{opacity:.62;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:saturate(.9)}.btn svg{flex-shrink:0}.btn-xs{padding:0 .65rem;font-size:.75rem;height:28px;border-radius:10px}.btn-sm{padding:0 .9rem;font-size:.875rem;height:34px;border-radius:12px}.btn-md{padding:0 1.1rem;font-size:.95rem;height:42px;border-radius:13px}.btn-lg{padding:0 1.45rem;font-size:1.02rem;height:48px;border-radius:14px}.btn-xl{padding:0 1.8rem;font-size:1.12rem;height:56px;border-radius:16px}.btn-full{width:100%}.button-primary{background:linear-gradient(135deg,var(--color-primary-brand-start) 0,var(--color-primary-brand-mid) 50%,var(--color-primary-brand-end) 100%);color:white;border:1px solid rgba(59,130,246,.28);box-shadow:0 2px 4px -1px rgba(37,99,235,.24),0 1px 2px -1px rgba(59,130,246,.18),inset 0 1px 0 0 rgba(255,255,255,.2);overflow:hidden;text-shadow:0 1px 1px rgba(0,0,0,.12)}.button-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 50%,rgba(255,255,255,.05));opacity:0;transition:opacity .3s ease}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-400) 0,var(--color-primary-500) 45%,var(--color-primary-600) 100%);transform:translateY(-1px) scale(1.01);box-shadow:0 10px 18px -8px rgba(37,99,235,.4),0 4px 8px -4px rgba(59,130,246,.22),inset 0 1px 0 0 rgba(255,255,255,.25);border-color:rgba(37,99,235,.4)}.button-primary:hover:not(:disabled):before{opacity:1}.button-primary:active:not(:disabled){transform:translateY(0) scale(.995);background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);box-shadow:0 4px 10px -8px rgba(37,99,235,.32),inset 0 1px 0 0 rgba(255,255,255,.15)}.button-secondary{background:linear-gradient(135deg,rgba(255,255,255,1),rgba(248,250,252,1));color:var(--color-gray-700);border:1px solid rgba(203,213,225,.9);box-shadow:0 1px 2px 0 rgba(15,23,42,.06),0 8px 20px -18px rgba(15,23,42,.22),inset 0 1px 0 0 rgba(255,255,255,.7);overflow:hidden}.button-secondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.6) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.button-secondary:hover:not(:disabled){background:linear-gradient(135deg,rgba(255,255,255,1),rgba(241,245,249,1));transform:translateY(-1px);box-shadow:0 12px 24px -20px rgba(15,23,42,.3),0 4px 8px -6px rgba(15,23,42,.16),inset 0 1px 0 0 rgba(255,255,255,.6);border-color:rgba(148,163,184,.82)}.button-secondary:hover:not(:disabled):before{opacity:1}.button-secondary:active:not(:disabled){transform:translateY(0) scale(.995);box-shadow:0 3px 6px -4px rgba(15,23,42,.14),inset 0 1px 0 0 rgba(255,255,255,.4)}.button-danger{background:linear-gradient(135deg,var(--color-error) 0,#dc2626 100%);color:white;border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 4px -1px rgba(239,68,68,.2),0 1px 2px -1px rgba(239,68,68,.1),inset 0 1px 0 0 rgba(255,255,255,.15);overflow:hidden}.button-danger:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.button-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px) scale(1.01);box-shadow:0 10px 18px -10px rgba(239,68,68,.34),0 4px 8px -6px rgba(239,68,68,.18),inset 0 1px 0 0 rgba(255,255,255,.2)}.button-danger:hover:not(:disabled):before{opacity:1}.button-danger:active:not(:disabled){transform:translateY(0) scale(.995);box-shadow:0 4px 8px -8px rgba(239,68,68,.24),inset 0 1px 0 0 rgba(255,255,255,.1)}.button-ghost{background:rgba(255,255,255,.7);color:var(--color-gray-600);border:1px solid transparent;box-shadow:0 1px 2px 0 rgba(15,23,42,.03),inset 0 1px 0 0 rgba(255,255,255,.5)}.button-ghost:hover:not(:disabled){background:rgba(241,245,249,.95);color:var(--color-gray-700);border-color:rgba(203,213,225,.7);box-shadow:0 8px 18px -18px rgba(15,23,42,.3);transform:translateY(-1px)}.button-ghost:active:not(:disabled){background:linear-gradient(135deg,rgba(243,244,246,1),rgba(229,231,235,1));box-shadow:inset 0 1px 2px 0 rgba(15,23,42,.06);transform:translateY(0)}.button-outline{background:rgba(255,255,255,.96);color:var(--color-gray-600);border:1px solid rgba(148,163,184,.9);box-shadow:0 1px 2px 0 rgba(15,23,42,.05),inset 0 1px 0 0 rgba(255,255,255,.7)}.button-outline:hover:not(:disabled){background-color:rgba(255,255,255,1);color:var(--color-gray-700);border-color:rgba(100,116,139,.95);box-shadow:0 10px 18px -18px rgba(15,23,42,.28);transform:translateY(-1px)}.button-outline:active:not(:disabled){background-color:rgba(248,250,252,1);color:var(--color-gray-700);border-color:rgba(100,116,139,.95);transform:translateY(0)}.button-no-animation,.button-no-animation:after,.button-no-animation:before{transition:none!important;animation:none!important;transform:none!important}.button-no-animation:active:not(:disabled),.button-no-animation:hover:not(:disabled){transform:none!important}.fab{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,1),rgba(249,250,251,1));border:none;border-radius:50px;padding:1rem;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 0 1px rgba(99,102,241,.1),0 10px 25px -5px rgba(99,102,241,.2);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-sticky);overflow:hidden;animation:fabEntry .5s cubic-bezier(.34,1.56,.64,1)}.fab:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),0 0 0 1px rgba(99,102,241,.2),0 20px 35px -5px rgba(99,102,241,.3);background:linear-gradient(135deg,rgba(255,255,255,1),rgba(255,255,255,1))}.fab:active{transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 0 0 1px rgba(99,102,241,.15),0 10px 25px -5px rgba(99,102,241,.2)}.fab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary);font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab:hover .fab-icon{transform:rotate(90deg);color:var(--color-primary-600)}.fab-label{font-size:.9rem;font-weight:600;color:var(--color-gray-700);white-space:nowrap;opacity:0;max-width:0;margin-left:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-label-visible{opacity:1;max-width:200px;margin-left:var(--spacing-sm)}@keyframes fabEntry{0%{opacity:0;transform:translateY(100px) scale(.5)}50%{transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.fab{bottom:1rem;right:1rem;padding:.875rem}.fab-icon{width:20px;height:20px;font-size:1.1rem}.fab-label{font-size:.8rem}}.card{background:white;border-radius:var(--radius-card);overflow:hidden;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 4px 6px -2px rgba(0,0,0,.03),0 0 0 1px rgba(0,0,0,.02);position:relative}.card-padding{padding:var(--spacing-lg);padding-bottom:10px}.card-padding-sm{padding:var(--spacing-md)}.card-padding-lg{padding:var(--spacing-xl)}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;position:relative}.card-header:after{content:"";position:absolute;bottom:0;left:0;width:25%;height:1px;background:linear-gradient(90deg,rgba(226,232,240,.8) 0,rgba(226,232,240,.4) 40%,rgba(226,232,240,.1) 80%,transparent)}.card-header-sm{padding:var(--spacing-sm) var(--spacing-md)}.card-header-md{padding:var(--spacing-md) var(--spacing-lg)}.card-header-lg{padding:var(--spacing-lg) var(--spacing-xl)}.card-header-icon{display:flex;align-items:center;color:var(--color-gray-600);font-size:.8rem;flex-shrink:0}.card-header-title{font-weight:700;color:var(--color-gray-900);margin:0}.card-header-title-sm{font-size:.8rem}.card-header-title-md{font-size:1rem}.card-header-title-lg{font-size:1.2rem}.card-content{padding:var(--spacing-lg);background:transparent;position:relative}.card-content-sm{padding:var(--spacing-sm)}.card-content-md{padding:var(--spacing-md)}.card-content-lg{padding:var(--spacing-lg)}.card-content-bottom-sm{padding-bottom:var(--spacing-sm)}.card-content-bottom-md{padding-bottom:var(--spacing-md)}.card-content-bottom-lg{padding-bottom:var(--spacing-lg)}.card-footer{background:transparent;position:relative}.card-footer-sm{padding:var(--spacing-sm) var(--spacing-md)}.card-footer-md{padding:var(--spacing-md) var(--spacing-lg)}.card-footer-lg{padding:var(--spacing-lg) var(--spacing-xl)}.card-shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 1px 0 0 rgba(255,255,255,.6)}.section-card{background:linear-gradient(135deg,rgba(249,250,251,.95),rgba(243,244,246,.95));border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-gray-200);box-shadow:0 2px 4px -1px rgba(0,0,0,.06),0 4px 6px -1px rgba(0,0,0,.05)}.section-card-header{justify-content:space-between;margin-bottom:var(--spacing-md)}.section-card-header,.section-card-title{display:flex;align-items:flex-start;gap:var(--spacing-md)}.section-card-title{flex:1 1}.section-card-title-icon{font-size:1.125rem;color:var(--color-secondary);flex-shrink:0;margin-top:2px}.section-card-title>span{margin:0}.section-card-heading,.section-card-title>span{font-size:1rem;font-weight:600;color:var(--color-gray-900)}.section-card-heading{margin:0 0 var(--spacing-xs) 0}.section-card-subtitle{font-size:.875rem;color:var(--color-gray-600);margin:0}.section-card-action{flex-shrink:0}.section-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-card-content-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-gray-500);font-size:.875rem}.section-card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:space-between}.section-card-item{padding:var(--spacing-md);border-left:3px solid var(--color-primary);margin-bottom:var(--spacing-md);background:rgba(255,255,255,.5);border-radius:0 var(--radius-md) var(--radius-md) 0;transition:all .2s ease}.section-card-item:hover{background:rgba(255,255,255,.8);transform:translateX(2px)}.section-card-item:last-child{margin-bottom:0}.section-card-item-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.section-card-item-subtitle{font-size:.875rem;color:var(--color-gray-600);margin:0 0 var(--spacing-xs) 0}.section-card-item-date{font-size:.75rem;color:var(--color-gray-500);margin:0 0 var(--spacing-sm) 0}.section-card-item-description{font-size:.875rem;color:var(--color-gray-700);line-height:1.5;margin:0}.section-card-item-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.1));color:var(--color-primary);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.section-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,.6);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.section-item-icon{font-size:2rem;flex-shrink:0;align-self:flex-start}.section-item-content-wrapper{flex:1 1;display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.section-item-details{flex:1 1;min-width:0}.section-item-title{font-size:.875rem;color:var(--color-gray-900)}.section-item-title-primary{font-weight:600;color:var(--color-gray-900);margin-bottom:4px}.section-item-title-secondary{font-size:.875rem;color:var(--color-gray-600)}.section-item-subtitle{font-size:.75rem;color:var(--color-gray-500);margin:0}.section-item-description{font-size:.875rem;color:var(--color-gray-600);margin:.5rem 0 0;line-height:1.5;white-space:pre-wrap}@media (max-width:768px){.section-card-header{flex-direction:column;align-items:flex-start}.section-card-action{width:100%}.section-card-action .btn{width:100%;justify-content:center}.section-item{flex-wrap:wrap}.section-item-action{width:100%}.section-item-action .btn{width:100%;justify-content:center}}.form{gap:var(--spacing-md)}.form,.form-field{display:flex;flex-direction:column}.form-field{position:relative;gap:var(--spacing-xs)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.form-error{padding:var(--spacing-md);background-color:rgba(239,68,68,.1);border:1px solid var(--color-error);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.form-error-text{font-size:.875rem;color:var(--color-error);margin:0}.form-hint{font-size:.75rem;color:var(--color-gray-500);font-style:italic;margin-top:var(--spacing-xs)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.input-container{position:relative;width:100%}.input{width:100%;padding:20px 12px 8px;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base);background-color:white;font-size:.9375rem;color:var(--color-gray-900);outline:none}.input:focus{box-shadow:0 0 0 2px var(--color-primary-500);border-color:var(--color-primary-500)}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 2px var(--color-error)}.textarea{min-height:100px;resize:vertical;font-family:inherit}.select{-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='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:radial-gradient(circle at center,rgba(59,130,246,.15) 0,rgba(200,200,200,.75) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-container{background:linear-gradient(180deg,rgba(255,255,255,1) 0,rgba(255,255,255,.98));border-radius:24px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 1px rgba(59,130,246,.12),0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 60px -15px rgba(59,130,246,.28),inset 0 1px 0 0 rgba(255,255,255,.5);z-index:var(--z-modal);animation:slideUp .4s cubic-bezier(.16,1,.3,1);position:relative}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.6) 20%,rgba(37,99,235,.7) 50%,rgba(59,130,246,.6) 80%,transparent);border-radius:24px 24px 0 0}@keyframes slideUp{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-gray-100);border-bottom:1px solid rgba(226,232,240,.8);position:relative}.modal-header:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3) 50%,transparent)}.modal-header-content{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-title{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--color-gray-900) 0,var(--color-gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em;line-height:1.3}.modal-subtitle{font-size:.8125rem;color:var(--color-gray-600);margin:0;line-height:1.4;font-weight:500}.modal-close{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(249,250,251,.9));border:1px solid rgba(226,232,240,.8);color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-xs);border-radius:10px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.05),inset 0 1px 0 0 rgba(255,255,255,.5);flex-shrink:0}.modal-close:hover{color:var(--color-gray-700);background:linear-gradient(135deg,rgba(248,250,252,1),rgba(241,245,249,1));border-color:rgba(203,213,225,.9);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 1px 0 0 rgba(255,255,255,.6)}.modal-close:active{transform:translateY(0)}.modal-content{flex:1 1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(249,250,251,.3))}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:rgba(241,245,249,.5);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(59,130,246,.6) 0,rgba(37,99,235,.7));border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(59,130,246,.8) 0,rgba(37,99,235,.85))}.modal-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(0deg,rgba(249,250,251,.8) 0,rgba(255,255,255,.4));border-top:1px solid rgba(226,232,240,.8);position:relative}.modal-footer:before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3) 50%,transparent)}.modal-footer .btn{min-width:0}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-close-icon{width:18px;height:18px}.container{max-width:80rem;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}@media (min-width:640px){.container{padding:var(--spacing-lg)}}@media (min-width:1024px){.container{padding:var(--spacing-lg) var(--spacing-xl)}}.container-sm{max-width:48rem}.container-md,.container-sm{margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.container-md{max-width:56rem}.container-lg{max-width:72rem;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2{grid-template-columns:1fr}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{grid-template-columns:1fr}@media (min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{grid-template-columns:1fr}@media (min-width:640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.section{background-color:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section,.section-header{margin-bottom:var(--spacing-lg)}.section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.section-title{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin:0}.section-action{flex-shrink:0}.section-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.empty,.loading{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-gray-500)}.empty-text,.loading-text{font-size:.875rem;color:var(--color-gray-500);margin:0}.empty-description{margin-top:var(--spacing-sm)}.list{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;padding:0;margin:0}.list-item{padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);transition:background-color var(--transition-base)}.list-item:hover{background-color:var(--color-gray-100)}.badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-success{background-color:rgba(16,185,129,.1);color:var(--color-success)}.badge-error{background-color:rgba(239,68,68,.1);color:var(--color-error)}.badge-warning{background-color:rgba(245,158,11,.1);color:var(--color-warning)}.avatar{border-radius:var(--radius-full);background-color:var(--color-primary-500);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;object-fit:cover}.avatar-xs{width:24px;height:24px;font-size:.75rem}.file-input-hidden{display:none}.avatar-sm{width:32px;height:32px;font-size:.875rem}.avatar-md{width:40px;height:40px;font-size:1.125rem}.avatar-lg{width:80px;height:80px;font-size:2rem}.avatar-xl{width:120px;height:120px;font-size:3rem}.divider{height:1px;margin:var(--spacing-md) 0}.divider,.divider-vertical{background-color:var(--color-gray-200);border:none}.divider-vertical{width:1px;height:100%;margin:0 var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.activity-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (min-width:640px){.activity-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.activity-grid{grid-template-columns:repeat(4,1fr)}}.table-wrapper{overflow-x:auto;background-color:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.table{width:100%;border-collapse:collapse}.table-header{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200);font-weight:600;font-size:.875rem;color:var(--color-gray-700)}.table-header,.table-row{display:grid;padding:var(--spacing-md)}.table-row{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-base)}.table-row:hover{background-color:var(--color-gray-50)}.table-row:last-child{border-bottom:none}.table-cell{font-size:.875rem;color:var(--color-gray-900)}.table-cell,.user-cell{display:flex;align-items:center}.user-cell{gap:var(--spacing-sm)}.role-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase}.role-badge.role-admin{background-color:rgba(239,68,68,.1);color:var(--color-error)}.role-badge.role-user{background-color:var(--color-primary-100);color:var(--color-primary-700)}.search-section{margin-bottom:var(--spacing-lg)}.search-form{display:flex;gap:var(--spacing-md);align-items:flex-end}@media (max-width:640px){.search-form{flex-direction:column;align-items:stretch}}.detail-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (min-width:1024px){.detail-grid{grid-template-columns:2fr 1fr}}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;padding-top:64px}#__next{height:100%}.admin-layout,.user-layout{min-height:100vh;background-color:var(--color-gray-50)}.admin-layout{display:flex}.admin-main{flex:1 1;overflow-y:auto}.page-container{max-width:80rem;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}@media (min-width:640px){.page-container{padding:var(--spacing-lg)}}@media (min-width:1024px){.page-container{padding:var(--spacing-lg) var(--spacing-xl)}}@keyframes explodeIn{0%{transform:scale(1.3) translateX(100px);opacity:0;filter:blur(10px)}60%{transform:scale(1.05) translateX(0);opacity:.9;filter:blur(1px)}to{transform:scale(1) translateX(0);opacity:1;filter:blur(0)}}@keyframes explodeOut{0%{transform:scale(1) translateX(0);opacity:1;filter:blur(0)}50%{transform:scale(1.15) translateX(10px);opacity:.8;filter:blur(2px)}to{transform:scale(.8) translateX(100px);opacity:0;filter:blur(10px)}}.toast{position:relative;min-width:240px;border-radius:12px;border:2px solid;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:12px;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);pointer-events:auto;overflow:hidden}.toast-enter{animation:explodeIn .5s cubic-bezier(.22,.61,.36,1)}.toast-exit{animation:explodeOut .4s cubic-bezier(.4,0,1,1) forwards}.toast-success{background:linear-gradient(90deg,rgba(240,253,244,.75) 0,rgba(209,250,229,.75));border-color:rgba(134,239,172,.5);box-shadow:0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.03),0 6px 20px -5px rgba(134,239,172,.25),inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 0 rgba(255,255,255,.6)}.toast-success:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.15) 50%,rgba(255,255,255,0));pointer-events:none}.toast-error{background:linear-gradient(90deg,rgba(254,242,242,.75) 0,rgba(254,226,226,.75));border-color:rgba(252,165,165,.5);box-shadow:0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.03),0 6px 20px -5px rgba(252,165,165,.25),inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 0 rgba(255,255,255,.6)}.toast-error:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.15) 50%,rgba(255,255,255,0));pointer-events:none}.toast-info{background:linear-gradient(90deg,rgba(239,246,255,.75) 0,rgba(224,242,254,.75));border-color:rgba(147,197,253,.5);box-shadow:0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -2px rgba(0,0,0,.03),0 6px 20px -5px rgba(147,197,253,.25),inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 0 rgba(255,255,255,.6)}.toast-info:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.15) 50%,rgba(255,255,255,0));pointer-events:none}.toast-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:8px}.toast-icon-wrapper{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.toast-icon-wrapper:hover{transform:scale(1.1)}.toast-icon-wrapper-success{background:linear-gradient(to bottom right,rgb(74,222,128),rgb(16,185,129));color:white;box-shadow:0 10px 15px -3px rgba(16,185,129,.2)}.toast-icon-wrapper-error{background:linear-gradient(to bottom right,rgb(248,113,113),rgb(239,68,68));color:white;box-shadow:0 10px 15px -3px rgba(239,68,68,.2)}.toast-icon-wrapper-info{background:linear-gradient(to bottom right,rgb(96,165,250),rgb(59,130,246));color:white;box-shadow:0 10px 15px -3px rgba(59,130,246,.2)}.toast-icon{width:14px;height:14px}.toast-text{flex:1 1;min-width:0}.toast-title{font-size:.75rem;font-weight:700;margin:0 0 1px;line-height:1}.toast-title-success{color:rgb(20,83,45)}.toast-title-error{color:rgb(127,29,29)}.toast-title-info{color:rgb(30,58,138)}.toast-message{font-size:.6875rem;margin:0;line-height:1.3}.toast-message-success{color:rgb(21,128,61)}.toast-message-error{color:rgb(185,28,28)}.toast-message-info{color:rgb(29,78,216)}.toast-close-button{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:2px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toast-close-button:hover{transform:scale(1.1)}.toast-close-button:active{transform:scale(.95)}.toast-close-button-success{color:rgb(34,197,94)}.toast-close-button-success:hover{color:rgb(21,128,61);background-color:rgb(220,252,231)}.toast-close-button-error{color:rgb(239,68,68)}.toast-close-button-error:hover{color:rgb(185,28,28);background-color:rgb(254,226,226)}.toast-close-button-info{color:rgb(59,130,246)}.toast-close-button-info:hover{color:rgb(29,78,216);background-color:rgb(219,234,254)}.toast-close-icon{width:12px;height:12px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:12px;pointer-events:none;max-width:400px}.toast-container>*{pointer-events:auto}@media (max-width:640px){.toast-container{left:16px;right:16px;bottom:16px;max-width:none}}