:root{
  --ink:#263432;--muted:#788580;--line:#e8e8df;--canvas:#f5f4ee;
  --blue:#286f5c;--blue-dark:#1e5b4a;--shadow:0 12px 30px #263e3210;
  --forest:#183a34;--gold:#d5b273;--paper:#fffefa;
}
body{background:var(--canvas);color:var(--ink)}
.app-shell{grid-template-columns:258px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#193a34 0%,#142f2d 100%);border-right:0;padding:24px 16px;color:#fff}
.brand{color:#fff;padding:5px 10px 31px;gap:12px}
.brand-icon{background:#d6b777;color:#183a34;border-radius:13px;box-shadow:0 5px 16px #0a251f55;font-size:19px}
.brand strong{letter-spacing:.01em}.brand small{color:#b3c8be;margin-top:2px}
.nav-label{color:#86a69a;font-size:9px;letter-spacing:.1em;padding:9px 12px}
.nav-item{color:#c0d0c9;padding:11px 12px;border-radius:10px;transition:background .16s,color .16s,transform .16s}
.nav-item span{color:#a1b8ad}.nav-item.active{background:#31584c;color:#fff;box-shadow:inset 3px 0 #ddb977;font-weight:600}
.nav-item.active span{color:#f0cc81}.nav-item:hover:not(.active){background:#24473e;color:#fff;transform:translateX(2px)}
.nav-badge{background:#506c5e;color:#f6db9e}.sidebar-bottom{border-color:#37564d}.avatar{background:#d6b777;color:#183a34}.identity b{color:#f5f7f4}.identity small{color:#a8beb3}.secure-dot{box-shadow:0 0 0 3px #50b98b26}
.main{background:var(--canvas)}.topbar{height:70px;padding:0 36px;background:#fbfaf6;border-bottom:1px solid #e9e8df}
.breadcrumb{color:#84908a}.breadcrumb span{color:#c2c7bf}.breadcrumb b{color:#3a4b45}
.button{border-radius:10px;padding:10px 14px;font-size:11px;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px)}
.button-primary{background:#286f5c;box-shadow:0 5px 12px #286f5c21}.button-primary:hover{background:#1e5b4a;box-shadow:0 7px 15px #286f5c32}.button-light{background:var(--paper);border-color:#e5e6dc;color:#53635d}
.page{max-width:1540px;padding:30px 36px 28px}
.page-heading{position:relative;isolation:isolate;overflow:hidden;align-items:center;min-height:150px;padding:25px 28px;margin-bottom:18px;border-radius:17px;background:linear-gradient(112deg,#1b4138 0%,#245b4b 62%,#32735d 100%);box-shadow:0 12px 25px #244b3b20}
.page-heading:before,.page-heading:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.page-heading:before{width:260px;height:260px;right:120px;top:-165px;border:1px solid #ffffff14;box-shadow:0 0 0 28px #ffffff08,0 0 0 58px #ffffff06}
.page-heading:after{width:100px;height:100px;right:45px;bottom:-58px;background:#d9bd7b18}
.page-heading .eyebrow{color:#e1c98f;font-size:10px;letter-spacing:.04em}
.page-heading h1{color:#fff;font-size:25px;letter-spacing:-.02em;margin-bottom:5px}
.page-heading p{color:#d0e0d7;font-size:11px}
.total-count{position:relative;z-index:1;min-width:170px;background:#ffffff13;border:1px solid #ffffff2a;border-radius:12px;padding:11px 14px;color:#fff;backdrop-filter:blur(5px)}
.total-count .count-icon{background:#e0c581;color:#244d40;border-radius:9px}
.total-count small{color:#d0e0d7}.total-count strong{font-size:19px;color:#fff}
.stats-grid{gap:13px;margin-bottom:18px}
.stat-card{position:relative;overflow:hidden;background:var(--paper);border:1px solid #e9e8df;border-radius:13px;padding:14px 15px;min-height:88px;box-shadow:0 6px 17px #293c3008;transition:transform .18s,box-shadow .18s}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 11px 23px #293c3011}
.stat-symbol{width:39px;height:39px;border-radius:12px;font-size:17px}
.lavender{background:#eef2e5;color:#49745a}.orange{background:#fbf1df;color:#a6742b}.blue{background:#e9f1ef;color:#377565}.green{background:#e9f3e8;color:#45815b}
.stat-card small{color:#788580;font-size:9px}.stat-card strong{color:#283d35;font-size:19px}.stat-note{color:#9ca59b}
.catalog-card{background:var(--paper);border:1px solid #e8e7dd;border-radius:14px;box-shadow:0 9px 25px #243e3209}
.toolbar{padding:14px 16px;background:#fffefa;border-bottom:1px solid #eeede5;gap:9px}
.search-wrap{height:37px;border-color:#e5e6dd;background:#fff;border-radius:10px}.search-wrap:focus-within{border-color:#7eaa96;box-shadow:0 0 0 3px #286f5c12}.search-wrap input{font-size:10px}
.toolbar select{height:37px;border-color:#e5e6dd;border-radius:10px;color:#53635d;background-color:#fff}
.compact{padding:7px 10px}
table{min-width:780px}thead{background:#f8f8f2}th{font-size:9px;letter-spacing:.02em;color:#808b83;padding:12px 15px;border-color:#ecece3}
td{padding:13px 15px;border-color:#f0f0e9;color:#5f6d65;font-size:10px}
tbody tr{transition:background .14s}tbody tr:hover{background:#f8faf5}
.book-title{color:#2b4038;font-size:11px}.book-file{color:#8a958d}.file-pill{background:#f8eae5;color:#b65d49;border-radius:7px;width:27px;height:32px}
.tag{padding:5px 9px;font-size:9px;font-weight:550}.tag-pending{background:#fbf1df;color:#9b6b27}.tag-review{background:#edf2e5;color:#517653}.tag-published{background:#e7f3e9;color:#347650}
.row-action{width:29px;height:29px;border-radius:8px}.row-action:hover{background:#edf2e9;color:#286f5c}
.table-footer{border-top:1px solid #eeede5;background:#fffefa;padding:12px 16px;color:#818d84}.pagination .button{border-radius:8px}
.page-foot{color:#9ca79f;padding-top:19px}
.modal{background:#fffefa;border:1px solid #e7e6dc;border-radius:16px;box-shadow:0 25px 80px #172c2360}.modal-head{border-color:#eeede5}.modal-head h2{color:#263d34}.icon-button{border-radius:9px;background:#f0f1e9}.form-field input,.form-field select,.form-field textarea{border-color:#e1e4db;border-radius:9px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#6e9d85;box-shadow:0 0 0 3px #286f5c13}
.readonly-box,.file-drop{background:#f7f8f2;border-color:#e4e7dd}.modal-actions{border-color:#eeede5}.toast{background:#193a34;border-radius:10px}
.option-group{border-color:#e7e8df;background:#fff}.option-add input{border-color:#e1e4db;border-radius:8px}.option-row{border-color:#f0f0e9}
@media(max-width:1080px){.page{padding:24px 22px}.topbar{padding:0 22px}}
@media(max-width:700px){.app-shell{grid-template-columns:1fr}.sidebar{background:#183a34;padding:10px;box-shadow:0 3px 12px #1b3b3218}.brand{padding:0 5px;margin-right:4px}.nav-item.active{box-shadow:inset 0 -2px #ddb977}.page{padding:16px 12px}.page-heading{min-height:126px;padding:18px;border-radius:14px}.page-heading h1{font-size:20px}.page-heading p{max-width:235px;font-size:9px}.total-count{min-width:118px;padding:8px;gap:6px}.total-count .count-icon{width:27px;height:27px}.total-count small{font-size:8px}.total-count strong{font-size:16px}.stats-grid{gap:8px}.stat-card{min-height:72px;padding:9px}.stat-symbol{width:30px;height:30px;border-radius:9px}.stat-card strong{font-size:16px}.top-actions .button{border-radius:8px}.toolbar select{border-radius:8px}}