:root{--background:#ffffff;--foreground:#080808;--iris-bg:#0f172a;--iris-card:#111827;--iris-card-2:#0b1224;--iris-border:#1f2937;--iris-text:#e5e7eb;--iris-muted:#9ca3af;--iris-accent:#ef4444;--iris-shadow:0 10px 30px rgba(0,0,0,.35);--iris-radius:18px}body.iris-theme{background:var(--iris-bg);color:var(--iris-text)}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);font:300 1.25rem/1.6 CustomFont,Arial,Helvetica,sans-serif;background-color:#fffffffd}.dropdown-menu{z-index:2000}@font-face{font-family:CustomFont;src:url(/fonts/Afacad/static/Afacad-Regular.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"sans-serif";src:url(/fonts/san/SourceSans3-Regular.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy/SVN-Gilroy\ Light.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{white-space:pre-line}.container-all-content{min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-attachment:fixed;position:relative}.online-users-wrapper{position:fixed;top:20px;right:20px;z-index:1000;background:rgba(15,23,42,.9);backdrop-filter:blur(10px);border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:12px 16px;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease}.online-users-wrapper:hover{background:rgba(15,23,42,.95);border-color:rgba(99,102,241,.5);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.4)}@media (max-width:768px){.online-users-wrapper{top:10px;right:10px;padding:8px 12px}}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.iris-muted{color:var(--iris-muted)}.gpu-accelerated{transform:translateZ(0);will-change:transform}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}.animate-smooth{will-change:transform,opacity;transform:translateZ(0)}.stable-layout{contain:layout style}.scroll-optimized{contain:layout style paint;will-change:scroll-position;transform:translateZ(0)}.characters-prefetch-indicator,.concept-prefetch-indicator,.items-prefetch-indicator,.story-prefetch-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;margin:1rem 0;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#3b82f6;font-size:.875rem;contain:layout style paint}.characters-prefetch-spinner,.concept-prefetch-spinner,.items-prefetch-spinner,.story-prefetch-spinner{display:flex;align-items:center}.characters-prefetch-text,.concept-prefetch-text,.items-prefetch-text,.story-prefetch-text{font-weight:500}.iris-theme .characters-prefetch-indicator,.iris-theme .concept-prefetch-indicator,.iris-theme .items-prefetch-indicator,.iris-theme .story-prefetch-indicator{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.2);color:#6366f1}.iris-header{background:linear-gradient(180deg,var(--iris-card) 0,var(--iris-card-2) 100%);border-bottom:1px solid var(--iris-border);box-shadow:var(--iris-shadow);color:var(--iris-text)}.iris-logo{font-weight:800;letter-spacing:.5px;color:var(--iris-text)}.iris-logo:hover{color:var(--iris-accent)}.iris-search{display:flex;align-items:center;gap:8px;background:rgba(2,6,23,.55);border:1px solid var(--iris-border);border-radius:999px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.iris-search:focus-within{border-color:color-mix(in srgb,var(--iris-accent) 45%,var(--iris-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--iris-accent) 20%,transparent)}.iris-input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--iris-text)!important}.iris-input::placeholder{color:var(--iris-muted)}.iris-chip{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--iris-border);background:rgba(148,163,184,.12);color:var(--iris-text);transition:border-color .2s ease,transform .2s ease,color .2s ease}.iris-chip:hover{transform:translateY(-1px);color:var(--iris-accent);border-color:color-mix(in srgb,var(--iris-accent) 45%,var(--iris-border))}.icon-circle{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer}.icon-circle i{font-size:1.125rem;color:#000}.iris-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--iris-border);background:transparent;color:var(--iris-text);transition:transform .2s ease,border-color .2s ease,color .2s ease}.iris-btn:hover{transform:translateY(-1px)}.iris-btn--primary{border-color:color-mix(in srgb,var(--iris-accent) 45%,var(--iris-border));color:var(--iris-accent)}.iris-btn--pill{border-radius:999px}.iris-btn--warn:hover{color:#f59e0b;border-color:color-mix(in srgb,#f59e0b 55%,transparent)}.iris-btn--danger:hover{color:#ef4444;border-color:color-mix(in srgb,#ef4444 55%,transparent)}.iris-ghost{border:1px solid var(--iris-border);background:transparent;color:var(--iris-text);padding:8px 12px;border-radius:12px;transition:.2s}.iris-ghost:hover{border-color:color-mix(in srgb,var(--iris-accent) 35%,var(--iris-border))}.banner{height:300px}.banner img{width:100%;height:100%;object-fit:cover;display:block}.banner-text{top:80%;transform:translate(-50%,-50%)}.banner-text h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.gradient-overlay{height:50%;background:linear-gradient(0deg,rgba(0,0,0,.977),transparent)}.banner{position:relative;width:100%;height:var(--banner-h-mobile,220px);margin:1rem 0;border:1px solid #080808;overflow:hidden;contain:layout style paint;will-change:transform}.banner img,.banner>span{width:100%;height:100%;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;transform:translateZ(0)}.gradient-overlay{position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,0));pointer-events:none}.banner-text{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:92%;max-width:1200px;color:#fff;text-align:center;padding:0 6px}.banner--left .banner-text{left:16px;transform:none;text-align:left}.banner--right .banner-text{left:auto;right:16px;transform:none;text-align:right}.banner-title{margin:0 0 .25rem;font-weight:800;line-height:1.1;font-size:clamp(1.5rem,4.8vw,2.75rem);letter-spacing:.2px}.banner-subtitle{margin:0;opacity:.9;font-weight:600;line-height:1.25;font-size:clamp(1.05rem,3.6vw,1.35rem)}@media (min-width:768px){.banner{height:var(--banner-h-desktop,320px)}}.iris-hero{background:linear-gradient(180deg,var(--iris-card) 0,var(--iris-card-2) 100%);border:1px solid var(--iris-border);border-radius:18px;padding:18px 22px;max-width:600px;box-shadow:var(--iris-shadow)}.card,.card-quest-contain{display:flex;flex-direction:column}.card{height:100%}.card-body{flex:1;display:flex;flex-direction:column;background:#626262;color:#f5f5f5}.card-quest-contain .card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.iris-card{background:linear-gradient(180deg,var(--iris-card) 0,var(--iris-card-2) 100%);border:1px solid var(--iris-border);border-radius:var(--iris-radius);box-shadow:var(--iris-shadow);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.iris-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.45);border-color:color-mix(in srgb,var(--iris-accent) 35%,var(--iris-border))}.iris-card__media{position:relative;height:200px;overflow:hidden}.iris-card__img{width:100%;height:100%;object-fit:cover;display:block}.iris-card__body{padding:12px;display:flex;flex-direction:column;gap:10px;color:var(--iris-text)}.iris-card__title{display:flex;align-items:center;gap:10px}.iris-glyph{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(120% 120% at 10% 10%,rgba(255,255,255,.08) 0,transparent 60%),rgba(239,68,68,.12);color:var(--iris-accent);border:1px solid color-mix(in srgb,var(--iris-accent) 40%,transparent)}.iris-card__heading{margin:0;font-weight:600;font-size:1.05rem}.iris-card__text{margin:2px 0 6px;color:var(--iris-muted);min-height:3.2em}.iris-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;text-decoration:none;font-weight:500;color:var(--iris-text);border:1px solid transparent;transition:color .2s ease,border-color .2s ease,transform .2s ease}.iris-cta i{transition:transform .2s ease}.iris-cta:hover{color:var(--iris-accent);border-color:color-mix(in srgb,var(--iris-accent) 45%,transparent)}.iris-cta:hover i{transform:translateX(2px)}.iris-cta--accent{color:var(--iris-accent);border:1px solid color-mix(in srgb,var(--iris-accent) 55%,transparent);background:color-mix(in srgb,var(--iris-accent) 10%,transparent)}.iris-cta--accent:hover{background:color-mix(in srgb,var(--iris-accent) 18%,transparent);transform:translateX(2px)}.iris-dialog{background:linear-gradient(180deg,var(--iris-card) 0,var(--iris-card-2) 100%);border:1px solid var(--iris-border);border-radius:16px;padding:5px;box-shadow:var(--iris-shadow);margin-bottom:10px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.iris-dialog:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.45);border-color:color-mix(in srgb,var(--iris-accent) 35%,var(--iris-border))}.dlg-grid{display:grid;grid-template-columns:170px 1fr;gap:14px}.dlg-grid--full .dlg-side{display:none}.dlg-grid--full .dlg-main{grid-column:1/-1}.dlg-rule{height:3px;width:100%;margin-bottom:8px;background:var(--iris-accent,#a78bfa);border-radius:2px}.dlg-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 10px;border-radius:999px;border:1px solid var(--iris-border);color:var(--iris-text);background:radial-gradient(120% 120% at 15% 10%,rgba(255,255,255,.08) 0,transparent 60%),rgba(148,163,184,.1);font-weight:600}.dlg-chip--char{border-color:color-mix(in srgb,var(--iris-accent) 40%,var(--iris-border));font-weight:700}.dlg-chip--anon{color:var(--iris-muted)}.dlg-bubble{position:relative;padding:12px 14px;border-radius:14px;border:1px solid var(--iris-border);color:var(--iris-text);line-height:1.6;background:rgba(2,6,23,.35)}.dlg-bubble:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--iris-accent);opacity:.8}.dlg-bubble--narr{font-weight:500;color:color-mix(in srgb,var(--iris-accent) 75%,var(--iris-text))}.dlg-bubble--sys{background:transparent;color:#ffffff}.dlg-sys-text{font-style:italic;font-weight:600;color:#df9400}.dlg-media{position:relative;border-radius:12px;border:1px solid var(--iris-border);background:rgba(2,6,23,.25);padding:6px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.dlg-media img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain}.dlg-media.is-cover{height:300px}.dlg-media.is-cover img{width:100%;height:100%;object-fit:cover}.dlg-media-toolbar{position:absolute;right:10px;top:10px;display:flex;gap:8px;padding:6px;border-radius:12px;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);border:1px solid var(--iris-border)}.dlg-toolbar{margin-top:10px}.dlg-toolbar,.iris-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iris-pagination .page-link{background:rgba(2,6,23,.6);border:1px solid var(--iris-border);color:var(--iris-text);border-radius:10px;padding:6px 10px}.iris-pagination .page-item.active .page-link{color:var(--iris-accent);border-color:color-mix(in srgb,var(--iris-accent) 50%,var(--iris-border));background:rgba(2,6,23,.9)}.iris-pagination .page-item.disabled .page-link{opacity:.5;cursor:not-allowed}.modal-content{background:linear-gradient(180deg,var(--iris-card) 0,var(--iris-card-2) 100%);color:var(--iris-text)}.modal-footer,.modal-header{border-color:var(--iris-border)}.iris-footer__inner{padding-bottom:max(2rem,env(safe-area-inset-bottom))}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-control{background:#0b1224;color:var(--iris-text);border-color:var(--iris-border)}.form-control::placeholder{color:#64748b}.iris-footer{background:linear-gradient(180deg,var(--iris-card) 0,var(--iris-bg) 100%);border-top:1px solid var(--iris-border);color:var(--iris-text);position:relative;overflow:hidden;contain:layout style paint;will-change:transform;min-height:200px}.iris-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--iris-accent),transparent)}.iris-footer__main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}.iris-footer__brand{max-width:400px}.iris-footer__title{font-weight:800;font-size:1.5rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--iris-text),var(--iris-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.iris-footer__subtitle{color:var(--iris-muted);line-height:1.6;font-size:1.15rem}.iris-footer__section-title{font-weight:700;font-size:1.3rem;margin-bottom:1rem;color:var(--iris-text)}.iris-footer__link-list{list-style:none;padding:0;margin:0}.iris-footer__link-list li{margin-bottom:.5rem}.iris-footer__link{color:var(--iris-muted);text-decoration:none;transition:color .2s ease;font-size:1.1rem}.iris-footer__link:hover{color:var(--iris-accent)}.iris-footer__contact-text{color:var(--iris-muted);margin-bottom:1rem;font-size:1.1rem;line-height:1.5}.iris-footer__cta{display:inline-flex;align-items:center;gap:.5rem}.iris-footer__socials{text-align:center;margin-bottom:2rem}.iris-footer__social-title{font-weight:700;font-size:1.1rem;margin-bottom:1rem;color:var(--iris-text)}.iris-social{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.iris-social__link{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--iris-border);color:var(--iris-text);background:rgba(148,163,184,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.iris-social__link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .6s ease}.iris-social__link:hover:before{transform:translateX(100%)}.iris-social__link:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.15)}.iris-social--fb:hover{color:#1877F2;border-color:#1877F2;background:color-mix(in srgb,#1877F2 15%,transparent)}.iris-social--tw:hover{color:#1DA1F2;border-color:#1DA1F2;background:color-mix(in srgb,#1DA1F2 15%,transparent)}.iris-social--tt:hover{color:#ff0050;border-color:#ff0050;background:color-mix(in srgb,#ff0050 15%,transparent)}.iris-social--dc:hover{color:#5865F2;border-color:#5865F2;background:color-mix(in srgb,#5865F2 15%,transparent)}.iris-footer__bottom{border-top:1px solid var(--iris-border);padding-top:1.5rem}.iris-footer__divider{height:1px;background:linear-gradient(90deg,transparent,var(--iris-border),transparent);margin-bottom:1rem}.iris-footer__copyright{text-align:center}.iris-copy{color:var(--iris-muted);font-size:1.1rem;margin-bottom:.5rem;font-weight:500}.iris-footer__disclaimer{color:var(--iris-muted);font-size:1rem;opacity:.8;margin:0;line-height:1.4}@media (max-width:768px){.iris-footer__main{grid-template-columns:1fr;gap:2rem;text-align:center}.iris-footer__brand{max-width:none}.iris-footer__title{font-size:1.3rem}.iris-social{gap:.75rem}.iris-social__link{width:44px;height:44px}}.iris-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.iris-toggle{padding:8px 12px;border-radius:12px;border:1px solid var(--iris-border);background:transparent;color:var(--iris-text);transition:.2s}.iris-toggle:hover{transform:translateY(-1px)}.iris-toggle.is-active{color:var(--iris-accent);border-color:color-mix(in srgb,var(--iris-accent) 50%,var(--iris-border));background:color-mix(in srgb,var(--iris-accent) 12%,transparent)}.iris-profile-card{padding-top:8px}.iris-card__footer{padding:0 16px 16px}.iris-avatar{width:112px;height:112px;margin:14px auto 6px;border-radius:999px;padding:3px;background:radial-gradient(120% 120% at 10% 10%,rgba(255,255,255,.12) 0,transparent 60%),var(--iris-accent);box-shadow:0 8px 20px rgba(0,0,0,.35)}.iris-avatar img{width:100%;height:100%;display:block;border-radius:999px;object-fit:cover;background:#0b1224;transition:transform .35s ease}.iris-profile-card:hover .iris-avatar img{transform:scale(1.05)}.iris-page,.iris-section-title{color:var(--iris-text)}.iris-sep{height:1px;background:var(--iris-border);opacity:.8;margin:14px 0}.dialog-detail-page{font-size:1.2rem}@media (max-width:767.98px){.iris-search{padding:8px 10px}.dlg-grid{grid-template-columns:1fr}}@media (max-width:576px){.iris-pagination{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:6px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.iris-pagination::-webkit-scrollbar{display:none}.iris-pagination .page-item{flex:0 0 auto}.iris-pagination .page-link{padding:6px 10px;font-size:.9rem;min-width:40px;text-align:center}.banner{height:220px}.container-all-content{padding:10px 0!important}}.mobile-search-wrapper{overflow:hidden;max-height:0;transition:max-height .25s ease}.mobile-search-wrapper.is-open{max-height:90px}.iris-chip{min-width:36px;min-height:36px}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.6)}::-webkit-scrollbar-thumb:active{background:rgba(148,163,184,.8)}::-webkit-scrollbar-corner{background:transparent}.modern-scroll{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.modern-scroll::-webkit-scrollbar{width:6px;height:6px}.modern-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}.modern-scroll::-webkit-scrollbar-thumb{background:rgba(59,130,246,.4);border-radius:3px;transition:background .2s ease}.modern-scroll::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.6)}.home-page{min-height:100vh;color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-attachment:fixed;position:relative}.home-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.05) 0,transparent 50%);pointer-events:none;z-index:-1}.home-content{max-width:1400px;margin:0 auto;padding:32px 24px 80px;position:relative;z-index:1}.home-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:24px}.home-title-section{flex:1}.home-title{font-size:32px;font-weight:800;color:#f1f5f9;margin:0 0 8px;line-height:1.2}.home-subtitle{font-size:18px;color:#94a3b8;margin:0;line-height:1.5}.home-add-button{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border:1px solid #3b82f6;border-radius:12px;color:#f1f5f9;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.2);backdrop-filter:blur(5px);cursor:pointer}.home-add-button:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.3);color:#f1f5f9}.home-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.home-spinner{margin-bottom:20px}.home-loading-text{color:#94a3b8;font-size:18px;margin:0}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:24px;contain:layout style paint;will-change:transform;min-height:400px}.home-card,.home-card-inner{height:100%;contain:layout style paint;will-change:transform}.home-card-inner{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border:1px solid #475569;border-radius:20px;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column}.home-card-inner:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.4);border-color:var(--card-accent,#3b82f6)}.home-card-media{position:relative;height:200px;overflow:hidden;background-color:rgba(30,41,59,.3)}.home-card-img,.home-card-media{contain:layout style paint;will-change:transform}.home-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;backface-visibility:hidden;transform:translateZ(0)}.home-card-inner:hover .home-card-img{transform:scale(1.05)}.skeleton-placeholder{width:100%;height:100%;background:linear-gradient(90deg,rgba(30,41,59,.3) 25%,rgba(51,65,85,.5) 50%,rgba(30,41,59,.3) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}.skeleton-title{height:24px;margin-bottom:12px;width:80%}.skeleton-text,.skeleton-title{background:linear-gradient(90deg,rgba(30,41,59,.3) 25%,rgba(51,65,85,.5) 50%,rgba(30,41,59,.3) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.home-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));pointer-events:none}.home-card-body{padding:24px;display:flex;flex-direction:column;flex:1;gap:16px}.home-card-header{display:flex;align-items:center;gap:16px}.home-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}.home-card-title{font-size:20px;font-weight:700;color:#f1f5f9;margin:0;line-height:1.3}.home-card-description{color:#94a3b8;font-size:18px;line-height:1.6;margin:0;flex:1}.home-card-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto}.home-card-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:10px;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px)}.home-card-link:hover{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b;color:#f1f5f9;transform:translateX(4px)}.home-card-admin-actions{display:flex;gap:8px}.home-admin-btn{width:36px;height:36px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;cursor:pointer}.home-admin-btn--edit{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.3));border-color:#f59e0b;color:#f59e0b}.home-admin-btn--edit:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.home-admin-btn--delete{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.3));border-color:#ef4444;color:#ef4444}.home-admin-btn--delete:hover{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.home-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1050;backdrop-filter:blur(4px)}.home-modal{width:100%;max-width:400px;margin:20px}.home-modal-content{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.9));border:1px solid #475569;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.5);backdrop-filter:blur(15px);overflow:hidden}.home-modal-header{padding:24px 24px 0;border-bottom:1px solid #475569;margin-bottom:24px}.home-modal-title{font-size:18px;font-weight:700;color:#f1f5f9;margin:0 0 24px}.home-modal-body{padding:0 24px}.home-modal-input{width:100%;padding:12px 16px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:10px;color:#e2e8f0;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px)}.home-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.home-modal-input::placeholder{color:#94a3b8}.home-modal-error{color:#ef4444;font-size:14px;margin-top:8px}.home-modal-footer{padding:24px;display:flex;gap:12px;justify-content:flex-end}.home-modal-btn{padding:10px 20px;border-radius:10px;border:1px solid;font-weight:600;font-size:18px;transition:all .3s ease;cursor:pointer}.home-modal-btn--secondary{background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border-color:#475569;color:#e2e8f0}.home-modal-btn--secondary:hover{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b}.home-modal-btn--primary{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border-color:#3b82f6;color:#f1f5f9}.home-modal-btn--primary:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));box-shadow:0 4px 12px rgba(59,130,246,.3)}@media (max-width:1024px){.home-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.home-content{padding:24px 20px 60px}.home-title{font-size:28px}}@media (max-width:768px){.home-header{flex-direction:column;align-items:stretch;gap:20px}.home-grid{grid-template-columns:1fr;gap:16px;min-height:300px}.home-content{padding:20px 16px 50px}.home-title{font-size:24px}.home-card-body{padding:20px}.home-card-actions{flex-direction:column;align-items:stretch;gap:12px}.home-card-admin-actions{justify-content:center}}@media (max-width:480px){.home-content{padding:16px 12px 40px}.home-title{font-size:20px}.home-subtitle{font-size:18px}.home-add-button{padding:12px 20px;font-size:15px}.home-card-body{padding:16px}.home-card-header{gap:12px}.home-card-icon{width:40px;height:40px;font-size:18px}.home-card-title{font-size:18px}}.characters-page{min-height:100vh;color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-attachment:fixed;position:relative}.characters-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.05) 0,transparent 50%);pointer-events:none;z-index:-1}.characters-content{max-width:1400px;margin:0 auto;padding:32px 24px 80px;position:relative;z-index:1}.characters-back{margin-bottom:32px}.characters-back-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(51,65,85,.6));border:1px solid #475569;border-radius:12px;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(5px)}.characters-back-link:hover{background:linear-gradient(135deg,rgba(51,65,85,.9),rgba(71,85,105,.7));border-color:#64748b;color:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.characters-header{margin-bottom:40px}.characters-title-section{text-align:center}.characters-title{font-size:32px;font-weight:800;color:#f1f5f9;margin:0 0 8px;line-height:1.2}.characters-subtitle{font-size:18px;color:#94a3b8;margin:0;line-height:1.5}.characters-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px;flex-wrap:wrap}.characters-filters{display:flex;gap:8px}.characters-filter-btn{padding:10px 16px;border-radius:12px;border:1px solid #475569;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));color:#e2e8f0;font-weight:600;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px);cursor:pointer}.characters-filter-btn:hover{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b;transform:translateY(-2px)}.characters-filter-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border-color:#3b82f6;color:#f1f5f9;box-shadow:0 4px 12px rgba(59,130,246,.2)}.characters-search-section{display:flex;align-items:center;gap:16px}.characters-search{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:12px;padding:12px 16px;backdrop-filter:blur(5px);transition:all .3s ease}.characters-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.characters-search i{color:#94a3b8;font-size:18px}.characters-search-input{background:transparent;border:none;color:#e2e8f0;font-size:18px;outline:none;min-width:200px}.characters-search-input::placeholder{color:#94a3b8}.characters-add-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border:1px solid #3b82f6;border-radius:12px;color:#f1f5f9;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.2);backdrop-filter:blur(5px);cursor:pointer}.characters-add-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.3);color:#f1f5f9}.characters-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.characters-spinner{margin-bottom:20px}.characters-loading-text{color:#94a3b8;font-size:18px;margin:0}.characters-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#94a3b8}.characters-empty i{font-size:48px;margin-bottom:16px;opacity:.5}.characters-empty p{font-size:18px;margin:0}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.character-card{height:100%}.character-card-inner{height:100%;background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border:1px solid #475569;border-radius:20px;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column;text-align:center}.character-card-inner:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.4);border-color:var(--character-accent,#3b82f6)}.character-avatar{position:relative;padding:24px 24px 16px}.character-avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #475569;transition:all .3s ease;box-shadow:0 8px 20px rgba(0,0,0,.3)}.character-card-inner:hover .character-avatar img{transform:scale(1.05);border-color:var(--character-accent,#3b82f6)}.character-type-badge{position:absolute;top:20px;right:20px;padding:4px 8px;border-radius:12px;color:white;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.character-info{padding:0 24px 16px}.character-name{font-size:20px;font-weight:700;color:#f1f5f9;margin:0;line-height:1.3}.character-actions{padding:16px 24px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto}.character-view-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:10px;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px)}.character-view-btn:hover{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b;color:#f1f5f9;transform:translateX(4px)}.character-admin-actions{display:flex;gap:8px}.character-admin-btn{width:36px;height:36px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;cursor:pointer}.character-admin-btn--edit{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.3));border-color:#f59e0b;color:#f59e0b}.character-admin-btn--edit:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.character-admin-btn--delete{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.3));border-color:#ef4444;color:#ef4444}.character-admin-btn--delete:hover{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.characters-pagination{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:40px}.characters-pagination-info{color:#94a3b8;font-size:18px;font-weight:500}.characters-pagination-nav{display:flex;gap:8px;align-items:center}.characters-pagination-btn{padding:8px 12px;border-radius:10px;border:1px solid #475569;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));color:#e2e8f0;font-weight:600;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px);cursor:pointer;min-width:40px;text-align:center}.characters-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b;transform:translateY(-2px)}.characters-pagination-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border-color:#3b82f6;color:#f1f5f9;box-shadow:0 4px 12px rgba(59,130,246,.2)}.characters-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.characters-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1050;backdrop-filter:blur(4px)}.characters-modal{width:100%;max-width:400px;margin:20px}.characters-modal-content{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.9));border:1px solid #475569;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.5);backdrop-filter:blur(15px);overflow:hidden}.characters-modal-header{padding:24px 24px 0;border-bottom:1px solid #475569;margin-bottom:24px}.characters-modal-title{font-size:18px;font-weight:700;color:#f1f5f9;margin:0 0 24px}.characters-modal-body{padding:0 24px}.characters-modal-input{width:100%;padding:12px 16px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:10px;color:#e2e8f0;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px)}.characters-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.characters-modal-input::placeholder{color:#94a3b8}.characters-modal-error{color:#ef4444;font-size:14px;margin-top:8px}.characters-modal-footer{padding:24px;display:flex;gap:12px;justify-content:flex-end}.characters-modal-btn{padding:10px 20px;border-radius:10px;border:1px solid;font-weight:600;font-size:18px;transition:all .3s ease;cursor:pointer}.characters-modal-btn--secondary{background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border-color:#475569;color:#e2e8f0}.characters-modal-btn--secondary:hover{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b}.characters-modal-btn--primary{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border-color:#3b82f6;color:#f1f5f9}.characters-modal-btn--primary:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));box-shadow:0 4px 12px rgba(59,130,246,.3)}@media (max-width:1024px){.characters-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.characters-content{padding:24px 20px 60px}.characters-title{font-size:28px}}@media (max-width:768px){.characters-controls{flex-direction:column;align-items:stretch;gap:20px}.characters-search-section{flex-direction:column;align-items:stretch;gap:12px}.characters-grid{grid-template-columns:1fr;gap:16px}.characters-content{padding:20px 16px 50px}.characters-title{font-size:24px}.character-actions{flex-direction:column;align-items:stretch;gap:12px}.character-admin-actions{justify-content:center}}@media (max-width:480px){.characters-content{padding:16px 12px 40px}.characters-title{font-size:20px}.characters-subtitle{font-size:18px}.characters-filters{flex-wrap:wrap;gap:6px}.characters-filter-btn{padding:8px 12px;font-size:15px}.characters-search-input{min-width:150px}.character-avatar img{width:100px;height:100px}.character-name{font-size:18px}}.story-page{min-height:100vh;color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-attachment:fixed;position:relative}.story-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.05) 0,transparent 50%);pointer-events:none;z-index:-1}.story-content{max-width:1400px;margin:0 auto;padding:32px 24px 80px;position:relative;z-index:1}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:24px;flex-wrap:wrap}.story-back-main{margin-bottom:24px;display:flex;justify-content:flex-start}.story-back{margin-bottom:16px}.story-back-link-new{display:inline-flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.85));border:1px solid rgba(71,85,105,.3);border-radius:16px;color:#e2e8f0;text-decoration:none;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);backdrop-filter:blur(12px);position:relative;overflow:hidden}.story-back-link-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.story-back-link-new:hover:before{left:100%}.story-back-link-new:hover{background:linear-gradient(135deg,rgba(30,41,59,.98),rgba(51,65,85,.9));border-color:rgba(99,102,241,.4);color:#f1f5f9;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.25),0 4px 12px rgba(99,102,241,.15)}.story-back-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(59,130,246,.1));border:1px solid rgba(99,102,241,.3);border-radius:12px;color:#a5b4fc;font-size:18px;transition:all .3s ease}.story-back-link-new:hover .story-back-icon{background:linear-gradient(135deg,rgba(99,102,241,.3),rgba(59,130,246,.2));border-color:rgba(99,102,241,.5);color:#c7d2fe;transform:scale(1.1)}.story-back-content{display:flex;flex-direction:column;gap:2px}.story-back-label{font-size:16px;font-weight:700;color:#f1f5f9;line-height:1.2}.story-back-desc{font-size:14px;color:#94a3b8;font-weight:500;line-height:1.2}.story-back-link-new:hover .story-back-label{color:#ffffff}.story-back-link-new:hover .story-back-desc{color:#cbd5e1}.story-back-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(51,65,85,.6));border:1px solid #475569;border-radius:12px;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(5px)}.story-back-link:hover{background:linear-gradient(135deg,rgba(51,65,85,.9),rgba(71,85,105,.7));border-color:#64748b;color:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.story-title-section{flex:1}.story-title{font-size:32px;font-weight:800;color:#f1f5f9;margin:0 0 8px;line-height:1.2}.story-subtitle{font-size:18px;color:#94a3b8;margin:0;line-height:1.5}.story-add-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border:1px solid #3b82f6;border-radius:12px;color:#f1f5f9;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.2);backdrop-filter:blur(5px);cursor:pointer}.story-add-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.3);color:#f1f5f9}.story-back-chapter{margin-bottom:24px;display:flex;justify-content:flex-start}.story-back-chapter-btn-new{display:inline-flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.85));border:1px solid rgba(71,85,105,.4);border-radius:16px;color:#e2e8f0;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1)}.story-back-chapter-btn-new:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease}.story-back-chapter-btn-new:hover:before{left:100%}.story-back-chapter-btn-new:hover{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.85));border-color:rgba(99,102,241,.3);color:#f1f5f9;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.2),0 3px 10px rgba(99,102,241,.1)}.story-back-chapter-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(59,130,246,.1));border:1px solid rgba(99,102,241,.3);border-radius:12px;color:#a5b4fc;font-size:18px;transition:all .3s ease}.story-back-chapter-btn-new:hover .story-back-chapter-icon{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(59,130,246,.15));border-color:rgba(99,102,241,.4);color:#c7d2fe;transform:scale(1.05)}.story-back-chapter-content{display:flex;flex-direction:column;gap:1px}.story-back-chapter-label{font-size:16px;font-weight:700;color:#f1f5f9;line-height:1.2}.story-back-chapter-desc{font-size:14px;color:#94a3b8;font-weight:500;line-height:1.2}.story-back-chapter-btn-new:hover .story-back-chapter-label{color:#ffffff}.story-back-chapter-btn-new:hover .story-back-chapter-desc{color:#cbd5e1}.story-back-chapter-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:10px;color:#e2e8f0;font-weight:600;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px);cursor:pointer}.story-back-chapter-btn:hover{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b;color:#f1f5f9;transform:translateY(-2px)}.story-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.story-spinner{margin-bottom:20px}.story-loading-text{color:#94a3b8;font-size:18px;margin:0}.story-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#94a3b8}.story-empty i{font-size:64px;margin-bottom:20px;opacity:.5}.story-empty-title{font-size:24px;font-weight:700;color:#f1f5f9;margin:0 0 12px}.story-empty-text{font-size:18px;margin:0 0 24px}.story-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border:1px solid #3b82f6;border-radius:12px;color:#f1f5f9;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.2);backdrop-filter:blur(5px);cursor:pointer}.story-empty-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.3);color:#f1f5f9}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px;grid-auto-rows:auto;align-content:start;min-height:0}@media (min-width:1024px){.story-grid{grid-template-columns:repeat(4,1fr)}}.story-card{height:100%}.story-card-inner{height:100%;background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border:1px solid #475569;border-radius:20px;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column}.story-card-inner:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.4);border-color:var(--story-accent,#3b82f6)}.story-card-media{position:relative;height:200px;overflow:hidden}.story-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.story-card-inner:hover .story-card-img{transform:scale(1.05)}.story-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));pointer-events:none}.story-type-badge{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:12px;color:white;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.story-card-body{padding:24px;display:flex;flex-direction:column;flex:1;gap:16px}.story-card-header{display:flex;align-items:center;gap:16px}.story-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}.story-card-title{font-size:20px;font-weight:700;color:#f1f5f9;margin:0;line-height:1.3;flex:1}.story-card-description{color:#94a3b8;font-size:18px;line-height:1.6;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto}.story-card-admin-actions{display:flex;gap:8px}.story-admin-btn{width:36px;height:36px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;cursor:pointer}.story-admin-btn--edit{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.3));border-color:#f59e0b;color:#f59e0b}.story-admin-btn--edit:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.story-admin-btn--delete{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.3));border-color:#ef4444;color:#ef4444}.story-admin-btn--delete:hover{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.story-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid;font-weight:600;font-size:18px;transition:all .3s ease;cursor:pointer;text-decoration:none}.story-action-btn--primary{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border-color:#3b82f6;color:#f1f5f9}.story-action-btn--primary:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));box-shadow:0 4px 12px rgba(59,130,246,.3);color:#f1f5f9}.story-action-btn--success{background:linear-gradient(135deg,rgba(34,197,94,.8),rgba(22,163,74,.6));border-color:#22c55e;color:#f1f5f9}.story-action-btn--success:hover{background:linear-gradient(135deg,rgba(34,197,94,.9),rgba(22,163,74,.7));box-shadow:0 4px 12px rgba(34,197,94,.3);color:#f1f5f9}.story-pagination{display:flex;justify-content:center;margin-top:40px}.story-pagination-nav{display:flex;gap:8px;align-items:center}.story-pagination-btn{padding:10px 16px;border-radius:10px;border:1px solid #475569;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));color:#e2e8f0;font-weight:600;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px);cursor:pointer;min-width:40px;text-align:center}.story-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b;transform:translateY(-2px)}.story-pagination-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border-color:#3b82f6;color:#f1f5f9;box-shadow:0 4px 12px rgba(59,130,246,.2)}.story-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.story-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1050;backdrop-filter:blur(4px)}.story-modal{width:100%;max-width:500px;margin:20px}.story-modal-content{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.9));border:1px solid #475569;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.5);backdrop-filter:blur(15px);overflow:hidden}.story-modal-header{padding:24px 24px 0;border-bottom:1px solid #475569;margin-bottom:24px}.story-modal-title{font-size:18px;font-weight:700;color:#f1f5f9;margin:0 0 24px}.story-modal-body{padding:0 24px}.story-modal-text{color:#94a3b8;font-size:18px;margin:0 0 16px;line-height:1.5}.story-modal-input{width:100%;padding:12px 16px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:10px;color:#e2e8f0;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px)}.story-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.story-modal-input::placeholder{color:#94a3b8}.story-modal-error{color:#ef4444;font-size:14px;margin-top:8px;display:flex;align-items:center}.story-modal-footer{padding:24px;display:flex;gap:12px;justify-content:flex-end}.story-modal-btn{padding:10px 20px;border-radius:10px;border:1px solid;font-weight:600;font-size:18px;transition:all .3s ease;cursor:pointer}.story-modal-btn--secondary{background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border-color:#475569;color:#e2e8f0}.story-modal-btn--secondary:hover{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b}.story-modal-btn--primary{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border-color:#3b82f6;color:#f1f5f9}.story-modal-btn--primary:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));box-shadow:0 4px 12px rgba(59,130,246,.3)}@media (max-width:1024px){.story-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.story-content{padding:24px 20px 60px}.story-title{font-size:28px}}@media (max-width:768px){.story-header{flex-direction:column;align-items:stretch;gap:20px}.story-grid{grid-template-columns:1fr;gap:16px}.story-content{padding:20px 16px 50px}.story-title{font-size:24px}.story-card-actions{flex-direction:column;align-items:stretch;gap:12px}.story-card-admin-actions{justify-content:center}}@media (max-width:480px){.story-content{padding:16px 12px 40px}.story-title{font-size:20px}.story-subtitle{font-size:18px}.story-card-body{padding:20px}.story-card-header{gap:12px}.story-card-icon{width:40px;height:40px;font-size:18px}.story-card-title{font-size:18px}}.concept-page{min-height:100vh;color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-attachment:fixed;position:relative}.concept-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.05) 0,transparent 50%);pointer-events:none;z-index:-1}.concept-content{max-width:1400px;margin:0 auto;padding:32px 24px 80px;position:relative;z-index:1}.concept-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:24px;flex-wrap:wrap}.concept-title-section{flex:1}.concept-title{font-size:32px;font-weight:800;color:#f1f5f9;margin:0 0 8px;line-height:1.2}.concept-subtitle{font-size:18px;color:#94a3b8;margin:0;line-height:1.5}.concept-controls{display:flex;align-items:center;gap:16px}.concept-search{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:12px;padding:12px 16px;backdrop-filter:blur(5px);transition:all .3s ease}.concept-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.concept-search i{color:#94a3b8;font-size:18px}.concept-search-input{background:transparent;border:none;color:#e2e8f0;font-size:18px;outline:none;min-width:220px}.concept-search-input::placeholder{color:#94a3b8}.concept-add-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(6,182,212,.3));border:1px solid #22d3ee;border-radius:12px;color:#22d3ee;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(34,211,238,.2);backdrop-filter:blur(5px);cursor:pointer}.concept-add-btn:hover{background:linear-gradient(135deg,rgba(34,211,238,.3),rgba(6,182,212,.4));transform:translateY(-2px);box-shadow:0 8px 20px rgba(34,211,238,.3);color:#22d3ee}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.concept-card{height:100%}.concept-card-inner{height:100%;background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border:1px solid #475569;border-radius:20px;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column;position:relative}.concept-card-inner:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.4);border-color:#22d3ee}.concept-card-actions{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:8px}.concept-admin-btn{width:36px;height:36px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;cursor:pointer;backdrop-filter:blur(6px)}.concept-admin-btn--edit{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.3));border-color:#f59e0b;color:#f59e0b}.concept-admin-btn--edit:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.concept-admin-btn--delete{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.3));border-color:#ef4444;color:#ef4444}.concept-admin-btn--delete:hover{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.concept-card-media{position:relative;height:180px;overflow:hidden;background:#0b1224}.concept-card-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .35s ease}.concept-card-inner:hover .concept-card-media img{transform:scale(1.08)}.concept-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.45));pointer-events:none}.concept-badge{position:absolute;left:16px;bottom:16px;padding:6px 12px;border-radius:12px;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);backdrop-filter:blur(5px)}.concept-card-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.concept-card-title{margin:0;font-size:18px;font-weight:700;color:#f1f5f9;line-height:1.3}.concept-card-description{margin:0;color:#e2e8f0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.concept-card-footer{margin-top:auto;display:flex;justify-content:flex-end}.concept-view-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;text-decoration:none;color:#e2e8f0;border:1px solid #22d3ee;background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(6,182,212,.2));transition:all .3s ease;font-weight:600;font-size:18px}.concept-view-btn:hover{transform:translateX(4px);background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(6,182,212,.3));color:#22d3ee;box-shadow:0 4px 12px rgba(34,211,238,.2)}.concept-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#94a3b8;grid-column:1/-1}.concept-empty i{font-size:64px;margin-bottom:20px;opacity:.5}.concept-empty h3{font-size:24px;font-weight:700;color:#f1f5f9;margin:0 0 12px}.concept-empty p{font-size:18px;margin:0}.concept-pagination{display:flex;justify-content:center;margin-top:40px}.concept-pagination-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.concept-pagination-btn{padding:10px 16px;border-radius:10px;border:1px solid #475569;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));color:#e2e8f0;font-weight:600;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px);cursor:pointer;min-width:40px;text-align:center}.concept-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b;transform:translateY(-2px)}.concept-pagination-btn.active{background:linear-gradient(135deg,rgba(34,211,238,.8),rgba(6,182,212,.6));border-color:#22d3ee;color:#f1f5f9;box-shadow:0 4px 12px rgba(34,211,238,.2)}.concept-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:1024px){.concept-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.concept-content{padding:24px 20px 60px}.concept-title{font-size:28px}}@media (max-width:768px){.concept-header{gap:20px}.concept-controls,.concept-header{flex-direction:column;align-items:stretch}.concept-controls{gap:12px}.concept-grid{grid-template-columns:1fr;gap:16px}.concept-content{padding:20px 16px 50px}.concept-title{font-size:24px}.concept-pagination-nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:6px 2px}.concept-pagination-nav::-webkit-scrollbar{display:none}.concept-pagination-btn{min-width:40px;font-size:15px;padding:8px 12px}}@media (max-width:480px){.concept-content{padding:16px 12px 40px}.concept-title{font-size:20px}.concept-subtitle{font-size:18px}.concept-card-body{padding:16px}.concept-card-description,.concept-card-title{font-size:18px}}.items-page{min-height:100vh;color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-attachment:fixed;position:relative}.items-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.05) 0,transparent 50%);pointer-events:none;z-index:-1}.items-content{max-width:1400px;margin:0 auto;padding:32px 24px 80px;position:relative;z-index:1}.items-back-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(51,65,85,.6));border:1px solid #475569;border-radius:12px;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(5px);margin-bottom:24px}.items-back-link:hover{background:linear-gradient(135deg,rgba(51,65,85,.9),rgba(71,85,105,.7));border-color:#64748b;color:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.items-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:24px;flex-wrap:wrap}.items-title-section{flex:1}.items-title{font-size:32px;font-weight:800;color:#f1f5f9;margin:0 0 8px;line-height:1.2}.items-subtitle{font-size:18px;color:#94a3b8;margin:0;line-height:1.5}.items-add-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,rgba(34,197,94,.8),rgba(22,163,74,.6));border:1px solid #22c55e;border-radius:12px;color:#f1f5f9;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px rgba(34,197,94,.2);backdrop-filter:blur(5px);cursor:pointer}.items-add-btn:hover{background:linear-gradient(135deg,rgba(34,197,94,.9),rgba(22,163,74,.7));transform:translateY(-2px);box-shadow:0 8px 20px rgba(34,197,94,.3);color:#f1f5f9}.items-controls{gap:20px;margin-bottom:32px;flex-wrap:wrap}.items-controls,.items-search{display:flex;align-items:center}.items-search{gap:12px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:12px;padding:12px 16px;backdrop-filter:blur(5px);transition:all .3s ease;flex:1;min-width:300px}.items-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.items-search i{color:#94a3b8;font-size:18px}.items-search-input{background:transparent;border:none;color:#e2e8f0;font-size:18px;outline:none;flex:1}.items-search-input::placeholder{color:#94a3b8}.items-filters{display:flex;gap:12px;align-items:center}.items-select{padding:10px 16px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));border:1px solid #475569;border-radius:10px;color:#e2e8f0;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px);cursor:pointer}.items-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.items-select option{background:#1e293b;color:#e2e8f0}.items-summary{color:#94a3b8;font-size:18px;font-weight:600;white-space:nowrap}.items-error{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.2));border:1px solid #ef4444;border-radius:12px;color:#ef4444;padding:16px 20px;margin-bottom:24px;font-weight:600;backdrop-filter:blur(5px)}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.items-card{height:100%}.items-card-inner{height:100%;background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border:1px solid #475569;border-radius:20px;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column}.items-card-inner:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.4);border-color:#22c55e}.items-card-media{position:relative;height:200px;overflow:hidden;background:#0b1224}.items-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.items-card-inner:hover .items-card-img{transform:scale(1.05)}.items-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3));pointer-events:none}.items-type-badge{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:12px;color:white;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(34,197,94,.8);backdrop-filter:blur(5px)}.items-card-body{padding:24px;display:flex;flex-direction:column;flex:1;gap:16px}.items-card-header{display:flex;align-items:center;gap:16px}.items-card-title{font-size:18px;font-weight:700;color:#f1f5f9;margin:0;line-height:1.3;flex:1}.items-card-description{color:#e2e8f0;font-size:18px;line-height:1.6;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.items-card-actions{display:flex;gap:12px;margin-top:auto;flex-wrap:wrap}.items-delete-btn,.items-edit-btn,.items-view-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid;font-weight:600;font-size:18px;transition:all .3s ease;cursor:pointer;text-decoration:none;flex:1;justify-content:center}.items-view-btn{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(37,99,235,.6));border-color:#3b82f6;color:#f1f5f9}.items-view-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.7));box-shadow:0 4px 12px rgba(59,130,246,.3);color:#f1f5f9}.items-edit-btn{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.3));border-color:#f59e0b;color:#f59e0b}.items-edit-btn:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.items-delete-btn{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.3));border-color:#ef4444;color:#ef4444}.items-delete-btn:hover{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.4));transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.items-card-skeleton{height:400px;background:linear-gradient(135deg,rgba(30,41,59,.5),rgba(51,65,85,.3));border:1px solid #475569;border-radius:20px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.items-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#94a3b8;grid-column:1/-1}.items-empty i{font-size:64px;margin-bottom:20px;opacity:.5}.items-empty h3{font-size:24px;font-weight:700;color:#f1f5f9;margin:0 0 12px}.items-empty p{font-size:18px;margin:0}.items-pagination{display:flex;justify-content:center;margin-top:40px}.items-pagination-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.items-pagination-btn{padding:10px 16px;border-radius:10px;border:1px solid #475569;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(30,41,59,.6));color:#e2e8f0;font-weight:600;font-size:18px;transition:all .3s ease;backdrop-filter:blur(5px);cursor:pointer;min-width:40px;text-align:center}.items-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.7));border-color:#64748b;transform:translateY(-2px)}.items-pagination-btn.active{background:linear-gradient(135deg,rgba(34,197,94,.8),rgba(22,163,74,.6));border-color:#22c55e;color:#f1f5f9;box-shadow:0 4px 12px rgba(34,197,94,.2)}.items-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.items-pagination-ellipsis{padding:10px 8px;color:#94a3b8;font-weight:600;font-size:18px}@media (max-width:1024px){.items-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.items-content{padding:24px 20px 60px}.items-title{font-size:28px}}@media (max-width:768px){.items-header{gap:20px}.items-controls,.items-header{flex-direction:column;align-items:stretch}.items-controls{gap:16px}.items-search{min-width:auto}.items-filters{flex-direction:column;align-items:stretch}.items-grid{grid-template-columns:1fr;gap:16px}.items-content{padding:20px 16px 50px}.items-title{font-size:24px}.items-card-actions{flex-direction:column}.items-pagination-nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:6px 2px}.items-pagination-nav::-webkit-scrollbar{display:none}.items-pagination-btn{min-width:40px;font-size:15px;padding:8px 12px}}@media (max-width:480px){.items-content{padding:16px 12px 40px}.items-title{font-size:20px}.items-subtitle{font-size:18px}.items-card-body{padding:20px}.items-card-title{font-size:18px}.items-card-description{font-size:15px}}.admin-layout{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#e2e8f0}.admin-content{padding:0 2rem 2rem;background:transparent}@media (max-width:768px){.admin-content{padding:0 1rem 1rem}}.admin-card{background:rgba(30,41,59,.8);backdrop-filter:blur(10px);border:1px solid rgba(71,85,105,.3);color:#e2e8f0}.admin-card:hover{background:rgba(30,41,59,.9);border-color:rgba(99,102,241,.5);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.admin-table{background:rgba(15,23,42,.8);border:1px solid rgba(71,85,105,.3);color:#e2e8f0}.admin-table th{background:rgba(30,41,59,.9);color:#f1f5f9;border-bottom:1px solid rgba(71,85,105,.5)}.admin-table td{border-bottom:1px solid rgba(71,85,105,.2)}.admin-table tr:hover{background:rgba(30,41,59,.5)}.admin-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border:none;transition:all .3s ease}.admin-button:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.admin-button-secondary{background:rgba(71,85,105,.8);color:#e2e8f0;border:1px solid rgba(100,116,139,.5)}.admin-button-secondary:hover{background:rgba(71,85,105,1);border-color:rgba(100,116,139,.8)}.admin-input{background:rgba(15,23,42,.8);border:1px solid rgba(71,85,105,.5);color:#e2e8f0}.admin-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);background:rgba(15,23,42,.9)}.admin-input::placeholder{color:#94a3b8}