:root{--bc-primary:#6558f5;--bc-primary-dark:#4d42d8;--bc-ink:#182230;--bc-muted:#718096;--bc-bg:#f5f7fc;--bc-border:#e6eaf2;--bc-card:#fff;--bc-green:#159b75;--bc-shadow:0 12px 34px rgba(25,36,70,.075);--bc-radius:20px}
      *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 5% 0%,rgba(101,88,245,.07),transparent 34%),var(--bc-bg);color:var(--bc-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
      .container{width:min(1240px,calc(100% - 40px));margin-inline:auto}.navbar{position:sticky;top:0;z-index:1000;padding:13px 0;background:rgba(16,24,39,.94)!important;backdrop-filter:blur(18px);box-shadow:0 5px 24px #10182718}.navbar .container{display:flex;align-items:center;justify-content:space-between;gap:18px}.navbar-brand{color:#fff!important;font-size:1.12rem;font-weight:800;letter-spacing:-.035em;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.navbar-brand:before{content:"";width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#9b91ff,#5e51ef);box-shadow:0 5px 16px #6558f555}.navbar-nav{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.nav-link,.navbar-text{color:#dce4f3!important;text-decoration:none;padding:9px 12px!important;border-radius:11px;transition:background .2s ease,color.2s ease,transform .2s ease}.nav-link:hover,.nav-link:focus-visible{background:#ffffff16;color:white!important;transform:translateY(-1px)}.navbar-toggler{border:1px solid#ffffff3d;border-radius:11px;padding:8px}.navbar-toggler-icon{filter:brightness(1.7)}
      body>.container{padding-top:28px;padding-bottom:52px}.card{background:var(--bc-card);border:1px solid var(--bc-border);border-radius:var(--bc-radius);overflow:hidden;box-shadow:var(--bc-shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{box-shadow:0 18px 42px rgba(25,36,70,.105)}.card-body{padding:clamp(18px,2.5vw,28px)}.card-header{padding:18px 24px;background:linear-gradient(120deg,#6558f5,#877cf9)!important;color:white;border:0}.card-header h4{margin:0;font-size:1.15rem;font-weight:750;letter-spacing:-.02em}
      h1,h2,h3,h4,h5,h6{letter-spacing:-.035em;font-weight:780}h1{font-size:clamp(1.7rem,4vw,2.35rem)}h2{font-size:clamp(1.4rem,3vw,1.9rem)}p{overflow-wrap:anywhere}.text-muted,.form-text{color:var(--bc-muted)!important}.form-label{display:block;font-size:.91rem;font-weight:700;margin-bottom:8px;color:#344054}input,select,textarea{font:inherit}.form-control,.form-select,input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=file],select,textarea{display:block;width:100%;min-height:46px;padding:10px 13px;border:1px solid #dce2ed;border-radius:12px;background:#fff;color:#202b3c;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:#8b82ff;box-shadow:0 0 0 4px rgba(101,88,245,.12)}input[type=file]{padding:8px}.form-check-input{accent-color:var(--bc-primary)}
      .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 15px;border:1px solid transparent;border-radius:12px;text-decoration:none;cursor:pointer;font-weight:720;font-size:.91rem;line-height:1.25;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;white-space:normal}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 17px #1a274018}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,#7165ff,#5749e8);color:white;border-color:transparent}.btn-primary:hover{background:linear-gradient(135deg,#6255f4,#493bd4);color:#fff}.btn-success{background:linear-gradient(135deg,#18a77f,#11845f);color:#fff}.btn-success:hover{color:#fff;background:#0e805d}.btn-secondary{background:#edf0f6;color:#344054;border-color:#e2e7ef}.btn-secondary:hover{background:#e1e6f0;color:#253247}.btn-dark{background:#1c2739;color:#fff}.btn-outline-primary{border-color:#d8d4ff;color:#5c50e8;background:#fff}.btn-outline-primary:hover{background:#f1efff;color:#4d42d8}.btn-outline-success{border-color:#bdebdc;color:#12815f;background:#fff}.btn-outline-secondary{border-color:#dce2ed;color:#475467;background:#fff}.btn-warning{background:#ffda8a;color:#60420b}.btn-danger{background:#dc4c64;color:#fff}.btn-sm{min-height:34px;padding:7px 10px;font-size:.82rem;border-radius:10px}
      .alert{padding:13px 16px;border-radius:14px;margin-bottom:16px;border:1px solid transparent}.alert-info{background:#eef6ff;border-color:#d6e9ff;color:#245b91}.alert-danger{background:#fff0f2;border-color:#ffd5dc;color:#9e263a}.alert-success{background:#eafaf3;border-color:#c5efdd;color:#176b4e}.alert-warning{background:#fff8e7;border-color:#f8e4a8;color:#77550b}
      .d-flex{display:flex!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.gap-2{gap:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-4{margin-top:1.5rem!important}.ms-auto{margin-left:auto!important}.ms-2{margin-left:.5rem!important}.py-4{padding-block:1.5rem!important}.text-center{text-align:center!important}.text-danger{color:#c0364e!important}.small{font-size:.86rem}.d-none{display:none!important}.row{display:flex;flex-wrap:wrap;margin-inline:-9px;row-gap:18px}.row>[class^=col-],.row>[class*=" col-"]{padding-inline:9px}.col-md-8{width:66.6667%}.col-md-7{width:58.3333%}.col-md-5{width:41.6667%}.col-md-4{width:33.3333%}.col-md-3{width:25%}.col-lg-4{width:33.3333%}.h-100{height:100%}.mt-auto{margin-top:auto!important}
      .table-responsive{width:100%;overflow-x:auto;border:1px solid var(--bc-border);border-radius:15px}table{width:100%;border-collapse:separate;border-spacing:0;background:white;margin:0!important}th,td{padding:13px 14px;border-bottom:1px solid #edf0f6;text-align:left;vertical-align:middle}th{background:#f6f7fb;color:#4b5567;font-size:.77rem;text-transform:uppercase;letter-spacing:.055em;font-weight:800;white-space:nowrap}tbody tr{transition:background .18s}tbody tr:hover{background:#f7f7ff}tbody tr:last-child td{border-bottom:0}.table-dark th{background:#f6f7fb!important;color:#4b5567!important}.table-striped tbody tr:nth-child(even){background:#fbfcff}.table-striped tbody tr:hover{background:#f3f2ff}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.77rem;font-weight:750;white-space:nowrap}.bg-danger{background:#dc4c64!important;color:white}.bg-secondary{background:#e9edf5!important;color:#4b5567!important}.bg-success{background:#d9f8eb!important;color:#0f7957!important}.bg-warning{background:#fff0c2!important;color:#835b08!important}.bg-dark{background:#202b3d!important}
      .book-cover-thumb{width:54px;height:72px;object-fit:cover;border-radius:10px;background:#f0efff;border:1px solid #e2e0ff;box-shadow:0 4px 10px #17203312;display:block}.book-cover-placeholder{width:54px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(145deg,#eeeaff,#e4f1ff);font-size:1.5rem;border:1px solid #e2e0ff}.book-preview{width:150px;max-width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:1px solid var(--bc-border);box-shadow:0 10px 24px #17203318}.book-preview-placeholder{width:150px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(145deg,#eeeaff,#e4f1ff);font-size:3rem;color:#6558f5}.book-form-page .col-md-8{width:min(100%,800px)}.book-form-page .card-body{padding:clamp(18px,4vw,38px)}.book-form-page .mb-3{margin-bottom:19px!important}.year-input-row{display:flex;align-items:center;gap:8px}.year-input-row #id_anio{width:150px;max-width:calc(100% - 54px)}.calendar-button{width:46px;height:46px;flex:0 0 46px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #dce2ed;border-radius:12px;background:#f8f8ff;color:#6558f5;font-size:20px;cursor:pointer;overflow:hidden}.calendar-button:hover{background:#eeecff;border-color:#aaa2ff}.calendar-button input{position:absolute;inset:0;width:100%;height:100%;opacity:.01;cursor:pointer}
      .reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-heading p{margin:5px 0 0}.stat-card{position:relative;isolation:isolate}.stat-card:before{content:"";position:absolute;z-index:-1;width:110px;height:110px;border-radius:50%;right:-35px;top:-40px;background:rgba(101,88,245,.075);transition:transform .35s}.stat-card:hover:before{transform:scale(1.45)}.stat-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:16px;background:#f0efff;font-size:1.5rem}.stat-number{font-size:clamp(1.7rem,4vw,2.15rem);font-weight:850;letter-spacing:-.06em}.action-card{display:flex;flex-direction:column;min-height:200px}.action-card p{flex:1}.navbar .collapse.show{display:block}
      @media(max-width:767px){.container{width:calc(100% - 24px)}body>.container{padding-top:19px;padding-bottom:34px}.navbar .container{flex-wrap:wrap}.navbar-brand{font-size:1rem}.navbar-collapse{width:100%;flex-basis:100%}.navbar-nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:10px}.nav-link,.navbar-text{font-size:.9rem;padding:10px!important}.navbar-text{grid-column:1/-1}.page-heading{align-items:stretch;flex-direction:column}.page-heading .btn{align-self:flex-start}.card{border-radius:16px}.card-body{padding:18px}.row{margin-inline:-6px;row-gap:12px}.row>[class^=col-],.row>[class*=" col-"]{width:100%;padding-inline:6px}.d-flex.justify-content-between{gap:12px;flex-wrap:wrap}.table-responsive{overflow:visible;border:0;border-radius:0}table,tbody{display:block;width:100%}thead{display:none}tbodytr{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-bottom:12px;border:1px solid var(--bc-border);border-radius:14px;overflow:hidden;background:#fff!important;box-shadow:0 6px 18px #17203308}tbody td{display:block;padding:10px 12px;border-bottom:1px solid #f0f2f7;min-width:0;overflow-wrap:anywhere}tbody td:before{content:attr(data-label);display:block;color:#7a8496;text-transform:uppercase;font-size:.66rem;letter-spacing:.04em;font-weight:800;margin-bottom:3px}tbody td:first-child{grid-column:1/-1}tbody td:last-child{grid-column:1/-1;border-bottom:0}.table-responsive .text-center{ text-align:left!important}.table-responsive .d-flex{flex-wrap:wrap;justify-content:flex-start!important}.book-cover-thumb,.book-cover-placeholder{width:48px;height:64px}.col-md-8,.col-md-7,.col-md-5,.col-md-4,.col-md-3,.col-lg-4{width:100%}.book-form-page .col-md-8{width:100%}.btn{min-height:42px}.btn-sm{min-height:36px}.row.g-3{row-gap:12px}.year-input-row #id_anio{width:calc(100% - 54px)} }
      @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

      /* UI refresh 2026: calmer surfaces, stronger hierarchy, consistent motion */
      :root{--bc-primary:#1769e0;--bc-primary-dark:#0d4fb8;--bc-ink:#172033;--bc-muted:#65738a;--bc-bg:#f4f7fb;--bc-border:#e3e9f2;--bc-card:#fff;--bc-green:#07866d;--bc-shadow:0 10px 30px rgba(20,39,75,.065);--bc-radius:20px}
      body{background:linear-gradient(180deg,#f8faff 0%,#f3f6fb 60%,#f7f9fc 100%);color:var(--bc-ink)}
      .navbar{padding:10px 0;background:rgba(13,25,46,.96)!important;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 8px 28px rgba(11,25,48,.14)}
      .navbar .container{gap:20px;min-height:48px}
      .navbar-brand{gap:9px;font-size:1.04rem;white-space:nowrap;letter-spacing:-.025em}
      .navbar-brand:before{display:none!important;content:none!important}
      .navbar-collapse{min-width:0}
      .navbar-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:4px;min-width:0}
      .navbar .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#dce6f7!important;font-size:.875rem;font-weight:650;white-space:nowrap;padding:9px 11px!important;border:1px solid transparent;border-radius:12px;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
      .navbar .nav-link:hover,.navbar .nav-link:focus-visible{color:#fff!important;background:rgba(255,255,255,.105);border-color:rgba(255,255,255,.10);transform:translateY(-2px);box-shadow:0 7px 16px rgba(0,0,0,.12);outline:none}
      .navbar .nav-link:active{transform:translateY(0) scale(.97);background:rgba(74,145,255,.22)}
      .navbar .navbar-text{color:#e6efff!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:7px 11px!important;font-size:.82rem;white-space:nowrap}
      .navbar-toggler{margin-left:auto;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);transition:background .2s,transform .2s}
      .navbar-toggler:hover{background:rgba(255,255,255,.15);transform:scale(1.03)}
      .navbar-toggler:active{transform:scale(.96)}
      .card{box-shadow:0 7px 24px rgba(23,42,76,.045);border-color:#e5ebf4;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
      .card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(23,42,76,.09);border-color:#d8e3f3}
      .card-header{background:linear-gradient(120deg,#1769e0,#278bdc)!important}
      .stat-icon{background:linear-gradient(145deg,#eaf2ff,#e6f8f5);color:#1769e0}
      .stat-card:before{background:rgba(23,105,224,.075)}
      .btn-primary{background:linear-gradient(135deg,#2678ed,#1459ce);box-shadow:0 4px 10px rgba(23,105,224,.12)}
      .btn-primary:hover{background:linear-gradient(135deg,#1769e0,#0d4fb8);box-shadow:0 8px 20px rgba(23,105,224,.22)}
      .btn-outline-primary{border-color:#cbdcf8;color:#155cc7}
      .btn-outline-primary:hover{background:#edf4ff;color:#0d4fb8;border-color:#a9c8fa}
      .form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:#72a7f5;box-shadow:0 0 0 4px rgba(23,105,224,.12)}
      th{background:#f3f6fb;color:#46546b}tbody tr:hover{background:#f3f8ff}.table-striped tbody tr:nth-child(even){background:#fafcff}.table-striped tbody tr:hover{background:#f1f7ff}
      .calendar-button{background:#f0f6ff;color:#1769e0;border-color:#cbdcf8;transition:transform .2s,background .2s,box-shadow .2s}.calendar-button:hover{background:#e1edff;border-color:#8bb7f7;box-shadow:0 5px 14px rgba(23,105,224,.14);transform:translateY(-1px)}
      .calendar-trigger{width:46px;height:46px;flex:0 0 46px;border:1px solid #cbdcf8;border-radius:13px;background:#f0f6ff;color:#1769e0;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
      .calendar-trigger:hover{background:#e1edff;box-shadow:0 6px 15px rgba(23,105,224,.16);transform:translateY(-2px)}.calendar-trigger:active{transform:scale(.96)}
      .year-input-row{position:relative}.year-input-row .calendar-native-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;left:0;bottom:0;padding:0!important;border:0!important}
      .ripple-host{position:relative;overflow:hidden}.ui-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.35);transform:scale(0);animation:uiRipple .55s ease-out forwards}
      @keyframes uiRipple{to{transform:scale(1);opacity:0}}
      @keyframes softEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
      body>.container{animation:softEnter .45s ease both}
      :focus-visible{outline:3px solid rgba(23,105,224,.35);outline-offset:2px}
      @media(min-width:992px){.navbar .container{flex-wrap:nowrap}.navbar-collapse{display:flex!important;flex-basis:auto}.navbar-nav{margin-left:auto!important}.navbar .nav-link{padding-inline:9px!important;font-size:.83rem}}
      @media(max-width:1199px) and (min-width:992px){.navbar .container{gap:12px}.navbar-brand{font-size:.94rem}.navbar .nav-link{font-size:.79rem;padding-inline:7px!important}.navbar .navbar-text{font-size:.77rem;padding-inline:8px!important}}
      @media(max-width:991px){.navbar .container{flex-wrap:wrap}.navbar-brand{max-width:calc(100% - 60px)}.navbar-collapse{width:100%;flex-basis:100%;padding-top:10px}.navbar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin:0!important}.navbar .nav-link{justify-content:flex-start;white-space:normal;width:100%;min-height:43px;padding:10px 12px!important;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.06)}.navbar .navbar-text{grid-column:1/-1;justify-self:start;margin:5px 0!important}.navbar .nav-link:last-child{margin-bottom:4px}}
      @media(max-width:480px){.navbar-nav{grid-template-columns:1fr}.navbar .nav-link{min-height:44px}.page-heading h1{font-size:1.65rem}.btn{min-height:44px}}
      @media(prefers-reduced-motion:reduce){.card,.navbar .nav-link,.btn,.calendar-trigger{transition:none!important}body>.container{animation:none!important}}


      /* Biblioteca Córdoba — sistema visual 2026 */
      :root{--bc-primary:#4668f5;--bc-primary-dark:#3151df;--bc-ink:#172033;--bc-muted:#778198;--bc-bg:#f4f6fb;--bc-border:#e5e9f2;--bc-card:#fff;--bc-radius:22px;--bc-shadow:0 14px 42px rgba(22,34,67,.055)}
      body{background:radial-gradient(ellipse at 12% 0%,rgba(73,105,245,.08),transparent 28%),radial-gradient(ellipse at 100% 12%,rgba(27,181,196,.055),transparent 24%),#f5f7fc;color:var(--bc-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
      .navbar{padding:12px 0;background:rgba(15,24,43,.97)!important;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 10px 32px rgba(13,24,48,.13)}
      .navbar .container{width:min(1360px,calc(100% - 40px));gap:18px;min-height:48px}
      .navbar-brand{font-size:1rem!important;letter-spacing:-.035em;gap:11px;white-space:nowrap}
      .navbar-brand:before{display:none!important;content:none!important}.navbar-brand .site-logo{display:block;width:40px;height:40px;object-fit:contain;flex:0 0 40px}
      .navbar-collapse{min-width:0}.navbar-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
      .navbar .nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#dce6fa!important;font-size:.84rem;font-weight:680;white-space:nowrap;padding:10px 11px!important;border:1px solid transparent;border-radius:12px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden}
      .navbar .nav-link:hover,.navbar .nav-link:focus-visible{color:#fff!important;background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.09);transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.12);outline:none}
      .navbar .nav-link:active{transform:scale(.97);background:rgba(75,113,255,.22)}
      .navbar .navbar-text{color:#eff4ff!important;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:7px 11px!important;font-size:.8rem;white-space:nowrap}
      .navbar-toggler{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);border-radius:12px;transition:background .2s,transform .2s}.navbar-toggler:hover{background:rgba(255,255,255,.15);transform:scale(1.03)}
      body>.container{width:min(1360px,calc(100% - 40px));padding-top:34px;padding-bottom:36px;min-height:calc(100vh - 145px)}
      .card,.panel-card,.metric-card{border:1px solid rgba(223,229,241,.95);border-radius:22px;box-shadow:0 12px 36px rgba(26,39,74,.045);transition:transform .25s cubic-bezier(.2,.75,.2,1),box-shadow .25s,border-color .25s}
      .card:hover,.panel-card:hover{box-shadow:0 18px 44px rgba(26,39,74,.075);border-color:#d8e0f2}
      .btn{border-radius:12px;font-weight:720;letter-spacing:-.01em}.btn-primary{background:linear-gradient(135deg,#5576ff,#3d5ce9);box-shadow:0 6px 15px rgba(66,97,237,.16)}.btn-primary:hover{background:linear-gradient(135deg,#4869f5,#304ed9);box-shadow:0 9px 22px rgba(66,97,237,.25)}
      .form-control,.form-select,input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=file],select,textarea{min-height:48px;border-color:#dfe5ef;border-radius:13px;background:#fbfcff;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}
      .form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{background:#fff;border-color:#8ba1ff;box-shadow:0 0 0 4px rgba(75,105,245,.12)}
      .page-heading{margin-bottom:28px}.page-heading h1{font-size:clamp(1.8rem,4vw,2.65rem);letter-spacing:-.055em;font-weight:820}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:#6d7a96;font-size:.7rem;font-weight:850;letter-spacing:.14em}.gradient-text{background:linear-gradient(100deg,#3f63ed,#16a8b5);-webkit-background-clip:text;background-clip:text;color:transparent}.status-dot{width:7px;height:7px;background:#26bf91;border-radius:50%;box-shadow:0 0 0 4px rgba(38,191,145,.13)}
      .dashboard-hero{align-items:flex-end;padding:10px 0 12px}.dashboard-hero h1{margin:0 0 8px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.btn-glass{background:rgba(255,255,255,.75);border-color:#dfe5f0;color:#36445f}.btn-glass:hover{background:#fff;color:#1d2d4a}
      .dashboard-grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.metric-card{padding:22px 23px;position:relative;overflow:hidden;background:rgba(255,255,255,.92)}.metric-card:after{content:"";position:absolute;right:-38px;top:-48px;width:132px;height:132px;border-radius:50%;background:var(--metric-halo,rgba(75,105,245,.08));transition:transform .35s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(26,39,74,.09)}.metric-card:hover:after{transform:scale(1.25)}.metric-indigo{--metric-halo:rgba(89,103,248,.11);--metric-color:#5267ee}.metric-cyan{--metric-halo:rgba(26,169,190,.12);--metric-color:#1598aa}.metric-green{--metric-halo:rgba(26,175,128,.12);--metric-color:#169c74}.metric-amber{--metric-halo:rgba(235,169,49,.15);--metric-color:#b98019}.metric-top,.metric-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.metric-top>span:first-child{font-size:.85rem;color:#68748c;font-weight:700}.metric-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:var(--metric-halo);color:var(--metric-color);font-size:1.3rem;font-weight:800}.metric-value{position:relative;z-index:1;margin:18px 0 13px;font-size:clamp(2rem,3vw,2.65rem);font-weight:850;letter-spacing:-.075em;line-height:1;color:#17233a}.metric-bottom{border-top:1px solid #edf0f6;padding-top:12px}.metric-caption{font-size:.75rem;color:#8993a7}.metric-bottom a,.shortcut-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e7ebf3;border-radius:9px;color:#62708b;text-decoration:none;transition:all .2s}.metric-bottom a:hover,.shortcut-row:hover .shortcut-arrow{background:#edf2ff;color:#4263ed;border-color:#dce5ff;transform:translate(2px,-2px)}
      .dashboard-main-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch}.panel-card{background:rgba(255,255,255,.94);padding:26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.panel-heading h2{margin:0;font-size:1.18rem;font-weight:800;letter-spacing:-.04em}.panel-heading .eyebrow{margin-bottom:6px}.text-link{color:#4564ed;text-decoration:none;font-size:.82rem;font-weight:750;white-space:nowrap}.text-link:hover{text-decoration:underline}.inventory-total{display:flex;align-items:baseline;gap:10px;margin-bottom:27px}.inventory-total strong{font-size:2.25rem;letter-spacing:-.07em}.inventory-total span{font-size:.84rem;color:#8590a4}.inventory-row{margin-bottom:22px}.inventory-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:.86rem}.inventory-label>span{display:flex;align-items:center;gap:9px;color:#526079;font-weight:650}.inventory-label strong{font-weight:800}.inventory-label small{font-size:.75rem;color:#8b95a8;font-weight:650;margin-left:5px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.dot-green{background:#1eb88c}.dot-blue{background:#4b79f5}.dot-amber{background:#e5aa3c}.progress-track{height:9px;border-radius:999px;background:#eef1f7;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:999px;transition:width 1s cubic-bezier(.2,.8,.2,1)}.fill-green{background:linear-gradient(90deg,#25c59a,#14a77b)}.fill-blue{background:linear-gradient(90deg,#6f93ff,#4265ed)}.fill-amber{background:linear-gradient(90deg,#f3c45c,#df9d28)}.panel-note{margin-top:24px;padding:12px 14px;border-radius:12px;background:#f6f8fc;color:#8a94a7;font-size:.76rem}
      .shortcuts-panel{padding-bottom:14px}.shortcuts-panel .panel-heading{margin-bottom:13px}.shortcut-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #eef1f6;color:inherit;text-decoration:none;transition:padding .2s ease}.shortcut-row:last-child{border-bottom:0}.shortcut-row:hover{padding-left:5px}.shortcut-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:14px;font-size:1.25rem;font-weight:800}.icon-purple{background:#f0edff;color:#6d5be8}.icon-blue{background:#eaf1ff;color:#4771e8}.icon-green{background:#e5f9f1;color:#169b70}.icon-amber{background:#fff4dd;color:#b77b14}.shortcut-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.shortcut-copy strong{font-size:.87rem;font-weight:780}.shortcut-copy small{font-size:.76rem;color:#8993a7}.bottom-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:17px 21px;border-radius:18px;border:1px solid #e2e8f3;background:linear-gradient(105deg,rgba(255,255,255,.95),rgba(244,248,255,.9))}.bottom-banner>div{display:flex;align-items:center;gap:12px}.banner-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#17233a;color:#fff;font-size:.76rem;font-weight:900;letter-spacing:-.03em}.bottom-banner strong{font-size:.85rem}.bottom-banner p{margin:2px 0 0;color:#8993a7;font-size:.75rem}.banner-tag{font-size:.66rem;font-weight:850;letter-spacing:.12em;color:#7c89a1}
      .form-shell{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);overflow:hidden;border:1px solid #e2e8f2;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(25,39,72,.055)}.form-aside{padding:clamp(22px,3vw,36px);background:linear-gradient(155deg,#17243d,#22385b);color:#fff;position:relative;overflow:hidden}.form-aside:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-115px;bottom:-100px;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.02)}.form-aside-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#7296ff,#4768f1);box-shadow:0 9px 24px rgba(61,100,237,.3);font-size:1.65rem;margin-bottom:30px}.form-aside .eyebrow{color:#a8b9e5}.form-aside h2{font-size:1.7rem;line-height:1.15;letter-spacing:-.05em;max-width:250px}.form-aside p{font-size:.88rem;line-height:1.75;color:#c1cce1;margin-top:14px}.aside-tip{display:flex;gap:9px;align-items:flex-start;margin-top:35px;padding:13px;border-radius:14px;background:rgba(255,255,255,.075);color:#dce5f5;font-size:.76rem;line-height:1.6;position:relative;z-index:1}.aside-tip>span:first-child{color:#8ba7ff}.form-main{padding:clamp(22px,3vw,38px)}.form-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}.field-wrap{min-width:0}.field-email,.field-telefono{grid-column:auto}.field-wrap input{width:100%}.field-help{display:block;color:#8a95a9;font-size:.76rem;margin-top:7px}.field-error{margin-top:7px;color:#c63850;font-size:.78rem;font-weight:650}.field-invalid input{border-color:#e99aaa;background:#fffafb}.required-mark{color:#e2556b;margin-left:4px}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid #edf0f6}.required-note{color:#8b95a7;font-size:.75rem}
      .book-cover-thumb{width:58px;height:78px;border-radius:9px;box-shadow:0 7px 16px rgba(22,34,67,.13)}.book-cover-placeholder{width:58px;height:78px;border-radius:9px}.table-responsive{border-radius:17px}.table-responsive table{font-size:.88rem}th{padding-top:15px;padding-bottom:15px}tbody td{padding-top:14px;padding-bottom:14px}
      .site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1360px,calc(100% - 40px));margin:0 auto;padding:18px 0 25px;border-top:1px solid #e6eaf2;color:#8a94a7;font-size:.75rem}.site-footer strong{color:#526079}.ripple-host{position:relative;overflow:hidden}.ui-ripple{position:absolute;border-radius:50%;background:rgba(105,135,255,.24);transform:scale(0);animation:uiRipple .55s ease-out;pointer-events:none}@keyframes uiRipple{to{transform:scale(1);opacity:0}}.reveal{transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.2,1)}
      @media(max-width:1199px) and (min-width:992px){.navbar .container{gap:10px}.navbar-brand{font-size:.91rem!important}.navbar .nav-link{font-size:.76rem;padding-inline:7px!important}.navbar .navbar-text{font-size:.73rem;padding-inline:7px!important}}
      @media(max-width:991px){.navbar .container{flex-wrap:wrap}.navbar-brand{max-width:calc(100% - 64px)}.navbar-collapse{width:100%;flex-basis:100%;padding-top:12px}.navbar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin:0!important}.navbar .nav-link{justify-content:flex-start;white-space:normal;width:100%;min-height:44px;padding:11px 12px!important;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.06)}.navbar .navbar-text{grid-column:1/-1;justify-self:start;margin:5px 0!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}.form-shell{grid-template-columns:1fr}.form-aside{padding:24px}.form-aside-icon{margin-bottom:20px}.form-aside h2{max-width:none}.aside-tip{margin-top:18px}}
      @media(max-width:600px){.navbar .container,body>.container,.site-footer{width:calc(100% - 24px)}body>.container{padding-top:23px}.navbar-nav{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:16px;border-radius:17px}.metric-top>span:first-child{font-size:.75rem}.metric-icon{width:33px;height:33px;border-radius:11px}.metric-value{font-size:2rem;margin:15px 0 12px}.metric-caption{font-size:.68rem}.dashboard-hero{align-items:stretch}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{font-size:.8rem;padding-inline:8px}.panel-card{padding:19px;border-radius:18px}.panel-heading{align-items:flex-start}.inventory-total strong{font-size:2rem}.form-fields-grid{grid-template-columns:1fr}.form-main{padding:21px}.form-footer{align-items:stretch}.form-footer>div{width:100%}.form-footer .btn{flex:1}.bottom-banner{align-items:flex-start;flex-direction:column}.banner-tag{padding-left:52px}.site-footer{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:1.8rem}}
      @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


      .auth-wrap{max-width:690px;margin:clamp(20px,5vw,60px) auto}.auth-card{background:#fff;border:1px solid #e4e9f2;border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:0 25px 70px rgba(26,40,75,.09)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand>span:last-child{display:grid;gap:2px}.auth-brand small{color:#7d889c}.auth-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#233b65,#5579c8);color:#fff;font-weight:900}.auth-card h1{margin:.1rem 0 .7rem}.modern-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.modern-form .field-wrap{min-width:0}.modern-form .field-wrap:nth-child(5),.modern-form .field-wrap:nth-child(6),.modern-form .field-wrap:nth-child(7),.modern-form .btn{grid-column:1/-1}.modern-form .form-control{min-height:47px;border-radius:13px}.auth-bottom{text-align:center;margin:22px 0 0}.privacy-note{font-size:.76rem;color:#8993a7;text-align:center;margin:18px 0 0}.reader-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reader-book-card{display:flex;gap:14px;min-width:0;padding:15px;border:1px solid #e6eaf2;border-radius:19px;background:#fff;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.reader-book-card:hover{transform:translateY(-3px);border-color:#b8c7ec;box-shadow:0 15px 32px #243b6812}.reader-book-cover{width:94px;height:136px;object-fit:cover;flex-shrink:0;border-radius:9px;background:#edf1f8;box-shadow:0 8px 20px #17233a18}.cover-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#6478a6;background:linear-gradient(150deg,#e9efff,#f7f9ff)}.cover-placeholder small{font-size:.48rem;letter-spacing:.08em}.reader-book-info{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:5px;flex:1}.reader-book-info h3{font-size:1rem;line-height:1.25;margin:3px 0}.reader-book-info p{font-size:.82rem;color:#64748b;margin:0}.reader-book-info>small{font-size:.72rem;color:#8993a7;margin-bottom:8px}.reader-book-info form{width:100%;margin-top:auto}.book-category{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#4d67a7}.empty-state{padding:36px 18px;text-align:center;color:#7d899e}.empty-state>span{font-size:2rem}.empty-state h3{font-size:1.1rem;color:#25324a;margin-top:10px}.chat-panel{background:#fff;border:1px solid #e2e8f2;border-radius:22px;padding:20px;box-shadow:var(--bc-shadow)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #edf0f6}.chat-header>div{display:flex;align-items:center;gap:10px}.chat-header>div>div{display:grid;gap:2px}.chat-header small{display:block;color:#8993a7;font-size:.75rem}.chat-orb{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#263c65,#6489db);color:white;font-size:1.25rem}.online-pill{font-size:.72rem;color:#19876d;background:#eaf8f2;border-radius:20px;padding:6px 10px}.chat-messages{display:flex;flex-direction:column;gap:9px;max-height:320px;overflow:auto;padding:18px 2px}.chat-bubble{max-width:min(88%,620px);padding:11px 14px;border-radius:15px;font-size:.86rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bot-bubble{align-self:flex-start;background:#f1f4fa;color:#34415a;border-bottom-left-radius:5px}.user-bubble{align-self:flex-end;background:#263d67;color:#fff;border-bottom-right-radius:5px}.chat-compose{display:flex;gap:9px}.chat-compose input{min-width:0;flex:1;border:1px solid #dce3ef;border-radius:13px;padding:12px 14px;outline:none}.chat-compose input:focus{border-color:#7592d2;box-shadow:0 0 0 3px #5d7fc31c}.chat-human-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#8490a4;font-size:.77rem}.support-ticket{padding:18px 0;border-bottom:1pxsolid #edf0f6}.support-ticket:last-child{border-bottom:0}.support-ticket textarea{max-width:100%;min-height:90px}
      .modern-form .field-password,.modern-form .field-password_confirm{grid-column:1/-1;position:relative}
      .modern-form .field-password_confirm{padding-top:1px}
      .modern-form .field-password_confirm input{letter-spacing:.02em}
      .modern-form .field-password_confirm .field-error,.modern-form .field-password .field-error{display:block;margin-top:7px;padding:8px 11px;border-radius:10px;background:#fff0f2;border:1px solid #ffd7df;color:#a42a42;font-size:.82rem}
      .modern-form .field-wrap input[type=password]{width:100%;min-height:49px;padding:12px 14px;border:1px solid #dce3ee;border-radius:13px;background:#fff;box-shadow:0 1px 2px #17203305}
      .modern-form .field-wrap input[type=password]:focus{border-color:#6b9df1;box-shadow:0 0 0 4px #1769e018;outline:none}
      .modern-form .field-wrap input[type=password]::placeholder{color:#98a2b3}
      @media(max-width:900px){.reader-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.modern-form{grid-template-columns:1fr}.modern-form.field-wrap,.modern-form .btn{grid-column:1}.reader-book-grid{grid-template-columns:1fr}.reader-book-card{gap:12px}.reader-book-cover{width:84px;height:122px}.chat-panel{padding:15px}.chat-human-row{align-items:flex-start;flex-direction:column}.chat-compose .btn{white-space:nowrap}.auth-card{border-radius:22px}}