:root{--bg: #f2f2f1;--surface: #f7f7f6;--text: #111111;--text-muted: #737373;--border: #dfdfdf;--button: #2d2d30;--button-hover: #212124;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.app-shell-dashboard{display:block;padding:10px}.auth-card{width:min(100%,320px)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}.brand-logo{width:78px;height:78px;border-radius:50%;border:2px solid #bfbfbf;object-fit:cover;background:#efefef}.brand-title{margin:0;font-family:Times New Roman,Times,serif;font-size:56px;font-weight:500;line-height:.9;letter-spacing:-.01em}.form-label{display:block;margin-bottom:6px;font-size:14px;color:#565656}.field-input{width:100%;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:#2f2f2f;padding:0 12px;font-size:14px;outline:none}.field-input::placeholder{color:#b6b6b6}.field-input:focus{border-color:#afafaf}.field-input-error,.field-input-error:focus{border-color:#cc5a5a}.error-text{margin:6px 0 0;color:#b44242;font-size:13px}.primary-button{width:100%;height:40px;border:none;border-radius:8px;margin-top:12px;background:var(--button);color:#fff;font-size:16px;font-weight:500;cursor:pointer}.primary-button:hover{background:var(--button-hover)}.primary-button:disabled{opacity:.8;cursor:not-allowed}.helper-text{margin-top:12px;color:var(--text-muted);font-size:13px;line-height:1.2}.dashboard-layout{width:100%;min-height:calc(100vh - 20px);border:1px solid #b8b8b8;background:#f4f4f3;display:grid;grid-template-columns:230px 1fr}.sidebar{border-right:1px solid #9f9f9f;padding:24px 18px;display:flex;flex-direction:column;gap:18px}.sidebar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.sidebar-logo{width:64px;height:64px;border-radius:50%;border:2px solid #bfbfbf;object-fit:cover}.sidebar-title{margin:0;font-family:Times New Roman,Times,serif;font-size:40px;line-height:.9;font-weight:500}.sidebar-nav{display:flex;flex-direction:column;gap:8px;border-top:1px solid #b0b0b0;padding-top:6px;flex:1;align-content:flex-start}.sidebar-option{border:none;background:transparent;color:#6a6a6a;text-align:left;display:flex;align-items:center;gap:12px;width:100%;font-size:28px;line-height:1;font-family:Times New Roman,Times,serif;cursor:pointer;padding:10px 0;border-bottom:1px solid #b0b0b0}.sidebar-option-icon{width:24px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1;transform:translateY(-1px)}.sidebar-option.active{color:#222;font-weight:600}.sidebar-logout{margin-top:auto;border:none;border-radius:8px;height:36px;background:var(--button);color:#fff;cursor:pointer}.mobile-sidebar-toggle,.sidebar-mobile-close,.sidebar-mobile-backdrop{display:none}.catalog-panel{display:flex;flex-direction:column}.section-toolbar{min-height:54px;border-bottom:1px solid #b0b0b0;padding:10px 18px 10px 42px;display:flex;align-items:center;justify-content:space-between;gap:12px}.add-button{border:1px solid #b0b0b0;background:transparent;color:#3a3a3a;height:42px;border-radius:0;padding:0 18px;font-size:26px;line-height:1;font-family:Times New Roman,Times,serif;cursor:pointer}.add-button:hover{background:#efefef}.capsule-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.capsule-filter{height:32px;padding:0 14px;border:1px solid #c6c6c6;border-radius:999px;background:#f6f6f6;color:#5c5c5c;font-size:16px;font-family:Times New Roman,Times,serif;cursor:pointer}.capsule-filter.active{background:#2f2f32;border-color:#2f2f32;color:#fff}.add-panel{border-bottom:1px solid #b0b0b0;padding:12px 18px 12px 42px;display:flex;flex-direction:column;gap:10px}.add-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.add-grid .field-input{height:36px;font-size:16px;font-family:Times New Roman,Times,serif}.add-actions{display:flex;align-items:center;gap:8px}.add-submit,.add-cancel{height:34px;border-radius:8px;padding:0 12px;font-size:16px;font-family:Times New Roman,Times,serif;cursor:pointer}.add-submit{border:none;background:var(--button);color:#fff}.add-cancel{border:1px solid #c1c1c1;background:#f6f6f6;color:#3c3c3c}.catalog-header{min-height:108px;border-bottom:1px solid #ababab;padding:26px 18px 18px 42px;display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-header h1{margin:0;font-family:Times New Roman,Times,serif;font-size:58px;font-weight:500;line-height:.95}.catalog-search{width:min(100%,380px);height:38px;border-radius:999px;border:1px solid #d8d8d8;background:#f8f8f8;color:#888;padding:0 44px 0 14px;font-size:19px;font-family:Times New Roman,Times,serif}.catalog-search-wrap{position:relative;width:min(100%,380px)}.catalog-search-wrap .catalog-search{width:100%}.catalog-search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8a8a8a;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.catalog-search-icon svg{width:100%;height:100%;display:block}.catalog-list{display:flex;flex-direction:column}.catalog-row{min-height:78px;border-bottom:1px solid #b0b0b0;padding:8px 14px 8px 42px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.catalog-row.selected{background:#ececeb}.catalog-row.disabled{cursor:not-allowed;opacity:.65}.catalog-row h3{margin:0;font-family:Times New Roman,Times,serif;font-size:48px;line-height:1;font-weight:500}.catalog-row p{margin:0;font-family:Times New Roman,Times,serif;color:#8f8f8f;font-size:30px}.status-dot{width:14px;height:14px;border-radius:2px;flex-shrink:0}.status-available{background:#b4dfb5}.status-loan{background:#b1c2e7}.status-other{background:#ddb3b6}.status-lost{background:#b44242}.catalog-message{margin:10px 42px;color:#656565;font-size:22px;font-family:Times New Roman,Times,serif}.loan-row{min-height:116px;border-bottom:1px solid #000;padding:12px 18px 12px 42px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#f8f8f7,#f2f2f1)}.loan-row-main{display:flex;flex-direction:column;gap:8px;min-width:0}.loan-row-headline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.loan-row-title{margin:0;color:#202020;font-family:Times New Roman,Times,serif;font-size:52px;line-height:.92;font-weight:500}.loan-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.loan-chip-row.timeline{margin-top:-2px}.loan-chip{border:1px solid #d2d2d2;background:#f6f6f6;border-radius:999px;padding:4px 10px;color:#5d5d5d;font-family:Times New Roman,Times,serif;font-size:17px;line-height:1}.loan-chip.strong{background:#ececec;border-color:#c7c7c7;color:#303030;font-weight:700}.loan-chip.copy{background:#e8eef9;border-color:#b6c6e4;color:#3f547c;font-weight:600}.loan-chip.due{background:#f3efe8;border-color:#ddcdb0;color:#715b3a}.loan-chip.due.overdue{background:#f9e8e8;border-color:#d9b3b3;color:#863f3f;font-weight:700}.loan-chip.due.soon{background:#fff3d8;border-color:#e3c47c;color:#7a5a1f;font-weight:700}.loan-chip.returned{background:#e8f5e8;border-color:#b9d8b8;color:#3e6a3e}.loan-alert{border:1px solid #d1b2b2;background:#f9e2e2;color:#8a3f3f;border-radius:999px;padding:4px 10px;font-size:15px;line-height:1;font-weight:700}.loan-alert.soon{border-color:#e3c47c;background:#fff3d8;color:#7a5a1f}.stats-panel{padding:0;display:flex;flex-direction:column;gap:0;background:#f4f4f3}.catalog-header-spacer{width:min(100%,380px);height:38px}.stats-overview{border:1px solid #000;border-radius:0;background:#f6f2e8;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:0}.stats-overview-kicker{margin:0;color:#766542;font-size:16px;font-family:Times New Roman,Times,serif;text-transform:uppercase;letter-spacing:.04em}.stats-overview-title{margin:2px 0 0;color:#2c2a26;font-size:34px;line-height:.95;font-family:Times New Roman,Times,serif;font-weight:500}.stats-window-badge{min-height:30px;padding:4px 12px;border-radius:0;border:1px solid #000;background:#efe5cd;color:#5f4c28;font-size:16px;line-height:1;font-family:Times New Roman,Times,serif;display:inline-flex;align-items:center;white-space:nowrap}.stats-kpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:1px;background:#000;border-left:1px solid #000;border-right:1px solid #000;border-top:0;border-bottom:0}.stats-kpi-card{border:none;border-radius:0;padding:10px;background:#fbfbfa;box-shadow:none}.stats-kpi-card.alert{background:#f9ecec}.stats-kpi-card.success{background:#edf7ed}.stats-kpi-label{margin:0;color:#5f5f5f;font-size:16px;font-family:Times New Roman,Times,serif;text-transform:uppercase;letter-spacing:.03em}.stats-kpi-value{display:block;margin-top:6px;color:#262626;font-size:48px;line-height:1;font-family:Times New Roman,Times,serif;font-weight:600}.stats-top-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:1px;background:#000;border:1px solid #000;border-top:1px solid #000}.stats-top-card{border:none;border-radius:0;background:#fbfaf7;padding:10px;display:flex;flex-direction:column;gap:0;box-shadow:none}.stats-top-card h3{margin:0 0 8px;color:#2e2a23;font-family:Times New Roman,Times,serif;font-size:34px;font-weight:500;line-height:1}.stats-ranking-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.stats-ranking-list li{border-top:1px solid #000;padding:6px 0;display:flex;justify-content:space-between;align-items:center;gap:0}.stats-rank-position{display:inline-block;margin-bottom:4px;color:#8b7b56;font-size:14px;line-height:1;font-family:Times New Roman,Times,serif;font-weight:700}.stats-ranking-list li:first-child{border-top:none;padding-top:0}.stats-ranking-list strong{display:block;color:#24221e;font-family:Times New Roman,Times,serif;font-size:26px;line-height:1;font-weight:500}.stats-ranking-list li div>span{display:block;color:#6f6a61;font-family:Times New Roman,Times,serif;font-size:18px;line-height:1.1}.stats-ranking-count{min-width:36px;height:30px;width:36px;border-radius:0;border:1px solid #000;background:#f0e7d3;color:#4e3f1f;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1;padding:0;flex-shrink:0}.stats-empty{margin:0;color:#767676;font-size:18px;font-family:Times New Roman,Times,serif}.loan-status-badge{height:28px;padding:0 11px;border-radius:999px;border:1px solid #000;background:#eaf0ff;color:#445984;font-family:Times New Roman,Times,serif;font-size:16px;line-height:1;display:inline-flex;align-items:center;font-weight:600;white-space:nowrap}.loan-status-badge.returned{border-color:#000;background:#e8f5e8;color:#3e6a3e}.loan-status-badge.active{border-color:#000;background:#eaf0ff;color:#445984}.book-details-panel{border-bottom:1px solid #b0b0b0;padding:12px 18px 12px 42px;display:flex;flex-direction:column;gap:10px}.toast-notice{position:fixed;bottom:16px;right:18px;z-index:1200;display:inline-flex;align-items:center;gap:10px;border:1px solid #c8c8c8;border-radius:10px;padding:11px 16px;min-width:320px;font-size:18px;font-family:Times New Roman,Times,serif;background:#f6f6f6;color:#3f3f3f;box-shadow:0 4px 14px #0000001f}.toast-notice.enter{animation:toast-enter .22s ease-out forwards}.toast-notice.leave{animation:toast-leave .28s ease-in forwards}.toast-notice.success{background:#e8f5e8;border-color:#b9d8b8;color:#335d33}.toast-notice.error{background:#f9ebeb;border-color:#e0bdbd;color:#8a3f3f}.toast-icon{font-size:20px;line-height:1}@keyframes toast-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.book-details-head{display:flex;align-items:center;justify-content:space-between}.book-details-head h3{margin:0;font-family:Times New Roman,Times,serif;font-size:26px;font-weight:500}.book-details-close{color:#3c3c3c;font-size:28px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.book-details-meta{display:flex;gap:14px;flex-wrap:wrap;color:#666;font-size:15px}.book-meta-pill{border:1px solid #c8c8c8;border-radius:999px;background:#f6f6f6;padding:6px 12px;color:#525252;font-size:15px;line-height:1}.book-meta-pill.meta-total{background:#ececec;border-color:#c5c5c5}.book-meta-pill.meta-available{background:#e8f5e8;border-color:#b9d8b8;color:#3e6a3e}.book-meta-pill.meta-loaned{background:#e8eef9;border-color:#b6c6e4;color:#3f547c}.book-meta-pill.meta-state{background:#f3ebf8;border-color:#d1c2df;color:#614b79}.book-details-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.book-details-grid .field-input{height:36px;font-size:16px;font-family:Times New Roman,Times,serif}.book-field .form-label{margin-bottom:4px}.member-pin-input-wrap{display:flex;align-items:center;gap:8px}.member-pin-input-wrap .field-input{flex:1}.member-pin-generate{width:36px;min-width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.book-details-actions{display:flex;justify-content:flex-start;gap:8px}.delete-action{height:34px;border-radius:8px;padding:0 12px;font-size:16px;font-family:Times New Roman,Times,serif;cursor:pointer;border:1px solid #d2a6a6;background:#f5e8e8;color:#7e3b3b}.delete-action:disabled{opacity:.75;cursor:not-allowed}.confirm-dialog-backdrop{position:fixed;inset:0;background:#00000038;display:flex;align-items:center;justify-content:center;z-index:1250;padding:16px}.confirm-dialog{width:min(100%,440px);border:1px solid #000;border-radius:12px;background:#f4f4f3;padding:14px;display:flex;flex-direction:column;gap:10px}.confirm-dialog h4{margin:0;font-family:Times New Roman,Times,serif;font-size:28px;font-weight:500}.confirm-dialog p{margin:0;color:#555;font-size:18px;font-family:Times New Roman,Times,serif}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.return-loan-summary{border:1px solid #000;border-radius:10px;background:#f9f9f8;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.return-loan-summary h5{margin:0;font-size:30px;line-height:1;font-family:Times New Roman,Times,serif;font-weight:600;color:#222}.return-loan-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.return-loan-pill{height:28px;padding:0 10px;border:1px solid #d0d0d0;border-radius:999px;background:#f2f2f2;color:#555;font-size:16px;display:inline-flex;align-items:center}.return-loan-pill.copy{background:#e8eef9;border-color:#b6c6e4;color:#3f547c;font-weight:600}.copies-block{display:flex;flex-direction:column;gap:8px;border-top:1px solid #b0b0b0;padding-top:12px;margin-top:6px}.copies-block h4{margin:0;font-size:26px;font-family:Times New Roman,Times,serif;font-weight:500}.copies-list{display:flex;flex-direction:column}.copy-catalog-row{padding-left:18px;min-height:70px}.copy-catalog-row h3{font-size:38px}.copy-catalog-row p{font-size:24px}@media(max-width:1000px){.app-shell{padding:12px}.app-shell-dashboard{padding:6px}.dashboard-layout{grid-template-columns:1fr;min-height:auto}.sidebar{border-right:none;border-bottom:1px solid #9f9f9f;padding:14px 16px;gap:12px}.sidebar-brand{flex-direction:row;align-items:center;gap:10px;margin-bottom:8px}.sidebar-title{font-size:34px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:6px 12px}.sidebar-option{font-size:22px;padding:8px 0;border-bottom:none}.catalog-header,.catalog-row,.section-toolbar,.add-panel{padding-left:18px}.catalog-header{min-height:88px;padding-top:16px;padding-bottom:14px}.catalog-header h1{font-size:46px}.catalog-search-wrap{width:min(100%,300px)}.section-toolbar{min-height:0;align-items:flex-start;flex-wrap:wrap}.add-button{height:38px;font-size:21px}.capsule-filter{font-size:15px}.catalog-row h3{font-size:36px}.catalog-row p{font-size:22px}.catalog-message{margin:10px 18px;font-size:19px}.stats-overview{flex-direction:column;align-items:flex-start}.stats-kpis{grid-template-columns:repeat(2,minmax(160px,1fr))}.stats-top-grid{grid-template-columns:1fr}.loan-row{padding-left:18px}.loan-row-title{font-size:40px}.loan-chip{font-size:16px}.add-grid,.book-details-grid{grid-template-columns:1fr}.book-details-panel,.copy-catalog-row{padding-left:18px}.confirm-dialog{width:min(100%,520px)}.toast-notice{bottom:10px;right:10px;left:10px;min-width:0;font-size:17px}}@media(max-width:700px){.app-shell{padding:8px}.app-shell-dashboard{padding:0}.dashboard-layout{border-left:none;border-right:none;position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(82vw,300px);background:#f4f4f3;border-right:1px solid #9f9f9f;border-bottom:none;z-index:1350;padding:14px 12px;transform:translate(-102%);transition:transform .18s ease-out;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-logo{width:52px;height:52px}.sidebar-title{font-size:30px}.sidebar-nav{flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-bottom:0;scrollbar-width:auto}.sidebar-option{font-size:18px;white-space:normal;padding:6px 0;min-width:0;min-height:44px;border-bottom:1px solid #b0b0b0}.sidebar-logout{width:100%;height:44px;margin-top:auto}.mobile-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:0;background:transparent;color:#2f2f2f;cursor:pointer;padding:0}.mobile-sidebar-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.sidebar-mobile-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:0;background:transparent;color:#2f2f2f;cursor:pointer;margin-left:auto;padding:0}.sidebar-mobile-close svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.sidebar-mobile-backdrop{display:block;position:fixed;inset:0;border:none;padding:0;margin:0;background:#00000047;z-index:1300}.catalog-header{flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding:12px}.catalog-header h1{order:2}.mobile-sidebar-toggle{order:1;align-self:flex-start}.catalog-search-wrap,.catalog-header-spacer{order:3}.catalog-header h1{font-size:38px}.catalog-search-wrap,.catalog-header-spacer{width:100%}.catalog-search{height:44px;font-size:17px}.section-toolbar,.add-panel,.catalog-row,.stats-panel,.book-details-panel,.copy-catalog-row{padding-left:12px;padding-right:12px}.section-toolbar{gap:10px}.add-button{width:100%;font-size:20px;min-height:44px}.capsule-filter,.add-submit,.add-cancel,.primary-button,.field-input{min-height:44px}.capsule-group{width:100%}.catalog-row{min-height:66px}.catalog-row h3{font-size:28px}.catalog-row p{font-size:16px}.status-dot{width:12px;height:12px}.stats-kpis{grid-template-columns:1fr}.stats-kpi-value{font-size:34px}.stats-overview-title{font-size:30px}.stats-top-card h3{font-size:26px}.loan-row{flex-direction:column;align-items:flex-start;gap:8px}.loan-row-title{font-size:30px}.loan-chip{font-size:15px}.confirm-dialog-backdrop{padding:10px}.confirm-dialog{width:100%;padding:12px}.confirm-dialog h4{font-size:24px}.confirm-dialog p{font-size:16px}.return-loan-summary h5{font-size:24px}.return-loan-pill{font-size:14px;height:26px}}@media(max-width:480px){.brand-title{font-size:46px}.sidebar-title{font-size:26px}.catalog-header h1{font-size:34px}.catalog-row h3{font-size:24px}.catalog-row p{font-size:14px}.stats-overview-title{font-size:26px}.stats-kpi-value{font-size:30px}.stats-top-card h3{font-size:22px}.stats-ranking-list strong{font-size:21px}.stats-ranking-list li div>span{font-size:15px}.loan-row-title{font-size:26px}.loan-chip{font-size:14px}.toast-notice{font-size:15px;padding:9px 11px}}