*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,.button{background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled,.disabled{opacity:.5;cursor:wait}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #d9dfd4;border-radius:8px;width:100%;min-width:0;padding:12px}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #98b978}input[type=file]{display:none}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}textarea{resize:vertical;min-height:80px}h1,h2,h3,.logo{font-family:Manrope,system-ui,sans-serif}h1{letter-spacing:-1.7px;margin:9px 0 13px;font-size:clamp(29px,3.2vw,43px);font-weight:700;line-height:1.15}h1 em{color:#65924b;font-style:normal}h2{letter-spacing:-.5px;margin:8px 0;font-size:21px}p{color:var(--muted);margin:7px 0;line-height:1.65}small{color:var(--muted);font-size:11px}.logo{letter-spacing:-1.2px;align-items:center;gap:0;font-size:25px;font-weight:800;display:flex}.mark{background:var(--green);color:var(--lime);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-right:10px;display:flex}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:250px;padding:32px 23px 18px;display:flex;position:fixed;top:0;bottom:0}.eyebrow{letter-spacing:1.7px;color:#86917f;margin:0;font-size:10px;font-weight:700}.sidebar .eyebrow{margin-top:39px;margin-bottom:10px}.sidebar select{background:#f7f8f4;font-weight:600}.sidebar nav{gap:7px;margin-top:23px;display:grid}.nav{color:#748072;background:0 0;border:0;justify-content:flex-start;padding:13px 12px;font-weight:500}.nav span{background:#fff;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebar-tip{color:#628346;background:#f3f6ed;border:1px solid #e6ecdc;border-radius:13px;gap:10px;margin-top:auto;padding:25px 15px 21px;display:grid}.sidebar-tip strong{font-size:12px}.sidebar-tip p{margin:0;font-size:12px}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:24px;padding-top:20px;font-size:11px;display:flex}.profile>div{flex:1;overflow:hidden}.profile small{text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.avatar{background:#efece2;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}main{flex:1;min-width:0;max-width:1800px;margin-left:250px;padding:0 46px 20px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;margin-bottom:38px;font-size:12px;display:flex}.muted{color:var(--muted)}.badge{border:1px solid var(--line);color:#65755d;letter-spacing:0;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:500;display:inline-flex}.dot{background:#91ad66;border-radius:50%;width:6px;height:6px}.title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.title-row>div>p:not(.eyebrow){font-size:13px}.actions{align-items:center;gap:9px;display:flex}.secondary{color:var(--ink);border-color:var(--line);background:#fff}.stats{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:32px;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px 23px;position:relative}.stats span{color:#7c8675;font-size:12px;display:block}.stats strong{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:32px;font-weight:600;line-height:1.4;display:block}.stats svg{color:#9da993;position:absolute;top:26px;right:20px}.list-toolbar{justify-content:space-between;gap:18px;margin-bottom:22px;display:flex}.search{border:1px solid var(--line);color:#91998d;background:#fff;border-radius:8px;align-items:center;gap:8px;width:390px;max-width:100%;padding:0 13px;display:flex}.search input{background:0 0;border:none;outline:none;font-size:12px}.bin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.bin-card{border:1px solid var(--line);background:#fff;border-radius:13px;position:relative;overflow:hidden}.select-bin{z-index:1;background:#fffc;border-radius:5px;padding:3px;display:flex;position:absolute;top:13px;left:13px}.bin-cover{background:#ebeee4;border:none;border-radius:0;width:100%;height:190px;padding:0;display:block;position:relative}.bin-cover img{object-fit:cover;width:100%;height:100%}.placeholder{color:#abb49d;background:linear-gradient(120deg,#e9edde,#f0f1e9);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.placeholder span{font-size:11px;font-weight:400}.count{color:var(--ink);background:#ffffffed;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex;position:absolute;bottom:10px;right:10px}.bin-info{text-align:left;width:100%;color:var(--ink);background:0 0;border-radius:0;justify-content:space-between;padding:16px 18px;display:flex}.bin-info small{text-transform:uppercase;letter-spacing:1px;font-size:9px}.bin-info h2{letter-spacing:.2px;margin:5px 0 0;font-size:21px}.bin-info svg{color:#8a9a7e}.mono{font-variant-numeric:tabular-nums}.bin-footer{color:#8b9680;border-top:1px solid #edf0e8;justify-content:space-between;align-items:center;padding:8px 16px;font-size:10px;display:flex}.icon{color:#7d8d72;background:0 0;border:none;border-radius:5px;padding:6px}.empty{text-align:center;background:#fcfdf9;border:1px dashed #ccd6c0;border-radius:12px;margin-bottom:20px;padding:55px 24px}.empty>svg{color:#93a880;margin-bottom:12px}.empty h2{margin:5px}.empty button{margin-top:17px}.back{color:#81916f;background:0 0;border:0;margin-bottom:20px;padding:0;font-size:12px}.gallery-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 22px;display:flex}.gallery-toolbar h2{align-items:center;gap:10px;font-size:16px;display:flex}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.photo-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.photo-open{background:#eaece4;border-radius:0;width:100%;height:240px;padding:0;display:block;position:relative}.photo-open img{object-fit:contain;width:100%;height:100%}.photo-open span{color:var(--green);background:#fffd;border-radius:6px;padding:7px;display:flex;position:absolute;bottom:12px;right:12px}.photo-info{padding:15px}.photo-info input{padding:10px;font-size:12px}.photo-buttons{justify-content:space-between;align-items:center;margin:6px 0;display:flex}.text-button{color:#6b8255;background:0 0;border:none;padding:4px 0;font-size:11px}.delete-bin{background:0 0;border:none;margin-top:25px;font-size:11px}.notice{color:#5e714d;background:#eef4e5;border:1px solid #dce6ce;border-radius:9px;margin-bottom:20px;padding:16px 20px;font-size:12px;line-height:1.6}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#859079;text-transform:uppercase;letter-spacing:1px;background:#fafbf8;padding:16px 22px;font-size:10px}td{border-top:1px solid #eef1e9;padding:18px 22px}.role-grid,.company-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0;display:grid}.role-grid article{border:1px solid var(--line);background:#fff;border-radius:11px;padding:23px}.role-grid h3{font-size:14px}.role-grid p{font-size:12px}.company-card{text-align:left;border:1px solid var(--line);color:var(--green);white-space:normal;background:#fff;padding:28px;display:block}.company-card h2{margin:18px 0}.company-card p{align-items:center;gap:8px;font-size:11px;display:flex}footer{border-top:1px solid var(--line);color:#92a084;justify-content:space-between;margin-top:52px;padding-top:18px;font-size:11px;display:flex}footer span{font-size:10px}.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:25px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome{flex-direction:column;align-items:flex-start;gap:20px;max-width:800px;margin:0 auto;padding:65px 30px;display:flex}.welcome .badge{margin-top:50px}.welcome h1{font-size:clamp(36px,6vw,61px);line-height:1.2}.welcome p{max-width:570px;font-size:16px}.welcome small{display:block}.overlay{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14291fe6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--paper);border-radius:17px;width:480px;max-width:100%;max-height:90vh;padding:35px;position:relative;overflow:auto}.close{position:absolute;top:16px;right:16px}.modal h2{margin-top:15px;font-size:28px}.modal p{margin-bottom:18px;font-size:12px}.modal form{gap:16px;display:grid}.modal form>label{gap:7px;font-size:12px;font-weight:500;display:grid}.capture-row{gap:10px;display:flex}.capture-row label{flex:1;font-size:12px}.wide{width:100%;margin-top:5px}.error{color:#a04838;background:#f9e9e4;border:1px solid #eacec5;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:13px 17px;font-size:12px;line-height:1.5;display:flex}.toast{background:var(--green);color:#fff;z-index:9;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #102a2d33}.lightbox{z-index:10;background:#0e1814f5;flex-direction:column;justify-content:center;align-items:center;padding:50px 25px;display:flex;position:fixed;inset:0}.lightbox>button{color:#fff;position:absolute;top:20px;right:20px}.lightbox img{object-fit:contain;max-width:95vw;max-height:80vh}.lightbox p{color:#fff}.upload-progress{color:#628b46;background:#e8f1db;border-radius:9px;align-items:center;gap:10px;margin-bottom:20px;padding:15px;display:flex}.print-modal{width:850px}.print-controls{justify-content:space-between;margin-bottom:20px}.print-controls label{align-items:center;gap:10px;font-size:12px;display:flex}.labels{flex-wrap:wrap;gap:14px;display:flex}.label-print{width:var(--label-w);height:var(--label-h);color:#000;background:#fff;border:1px solid #888;flex-shrink:0;align-items:center;gap:6px;padding:12px;display:flex;overflow:hidden}.label-print>div{flex:1;min-width:0}.label-print strong{overflow-wrap:anywhere;font-size:12px;display:block}.label-print h3{overflow-wrap:anywhere;letter-spacing:0;margin:10px 0 6px;font-size:22px;line-height:1.2}.label-print p{color:#000;margin:0;font-size:10px;line-height:1.2}.label-print small{color:#333;margin-top:10px;font-size:8px;display:block}.label-print span{margin-top:6px;font-size:8px;display:block}.label-print img{aspect-ratio:1;object-fit:contain;width:45%}.sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:1450px){.bin-grid,.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1150px){.sidebar{width:220px;padding:25px 17px}main{margin-left:220px;padding:0 28px 20px}.bin-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:15px}.stats svg{display:none}.role-grid{grid-template-columns:1fr}.gallery-toolbar{flex-wrap:wrap}}@media (max-width:760px){.app{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:18px 20px 12px;position:relative}.sidebar .logo{font-size:23px}.sidebar .eyebrow,.sidebar-tip,.profile{display:none}.sidebar select{width:145px;padding:9px;font-size:12px;position:absolute;top:20px;right:20px}.sidebar nav{gap:4px;margin-top:17px;display:flex}.nav{padding:9px 12px;font-size:12px}.nav span{display:none}.nav svg{width:16px}main{margin:0;padding:0 20px 24px}.topbar{height:55px;margin-bottom:25px;font-size:10px}.topbar .badge{font-size:9px}.title-row{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:25px}.title-row h1{letter-spacing:-1px;font-size:31px}.title-row p{font-size:12px!important}.title-row>.actions{width:100%}.stats{gap:8px;margin-bottom:24px}.stats>div{padding:12px 10px}.stats span{min-height:27px;font-size:9px;line-height:1.3}.stats strong{font-size:26px}.list-toolbar{flex-wrap:wrap;gap:10px}.search{width:100%}.list-toolbar>button{padding:10px 13px;font-size:11px}.bin-grid{gap:12px}.bin-cover{height:145px}.placeholder svg{width:34px}.placeholder span{font-size:9px}.bin-info{padding:12px}.bin-info h2{font-size:18px}.bin-info small{font-size:8px}.bin-info svg{width:17px}.bin-footer{padding:6px 10px;font-size:8px}.count{font-size:9px}.photo-grid{grid-template-columns:1fr}.gallery-toolbar{gap:12px}.gallery-toolbar .actions{flex-wrap:wrap}.gallery-toolbar .button{padding:10px 14px;font-size:12px}.photo-open{height:300px}.modal{padding:27px 20px}.overlay{padding:13px}.print-modal{max-height:95vh}.company-grid{grid-template-columns:1fr}.print-controls{flex-wrap:wrap}.labels{justify-content:center}.capture-row .button{font-size:11px}.notice{padding:13px;font-size:11px}td,th{padding:13px 12px}.profile a{display:block}}@media print{@page{size:letter;margin:.4in}body{background:#fff}.sidebar,main,.toast,.lightbox,.close,.print-modal>h2,.print-modal>p,.print-controls,.print-modal>.error{display:none!important}.overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;display:block;position:static;overflow:visible}.print-modal{background:#fff;border:0;border-radius:0;width:100%;max-height:none;padding:0;overflow:visible}.labels{justify-content:flex-start;gap:.12in;display:flex}.label-print{break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid #bbb}.app{display:block}}:root{--green:#003b71;--lime:#fff;--ink:#173652;--muted:#657484;--paper:#f4f5f7;--line:#d3dbe2}body,h1,h2,h3,.logo{font-family:Arial,Helvetica,sans-serif}button,.button,input,select,textarea{border-radius:3px}button,.button{font-weight:700}button:hover,.button:hover{filter:brightness(.9)}h1{letter-spacing:-1.3px;font-weight:800}h1 em{color:#c8202b}.logo{letter-spacing:-1.6px;font-style:italic;font-weight:900}.logo>span:last-child{color:#003b71}.mark{color:#fff;background:#c8202b;border-radius:3px}.sidebar{background:#fff;border-top:6px solid #c8202b;padding-top:26px}.sidebar .eyebrow,.eyebrow{color:#546c83}.sidebar select{background:#f4f7fa;border-color:#b9c9d8}.nav{color:#3f5c77;border-radius:3px;font-weight:700}.nav.active{color:#fff;background:#003b71}.nav span{color:#003b71}.sidebar-tip{color:#003b71;background:#eef3f8;border:0;border-top:4px solid #c8202b;border-radius:3px}.sidebar-tip strong{text-transform:uppercase;letter-spacing:.4px;font-size:12px}.sidebar-tip p{color:#516880}.avatar{color:#003b71;background:#e5edf5}.profile{border-color:#cbd7e2}.profile a{color:#003b71}.topbar{color:#fff;background:#003b71;border-bottom:4px solid #c8202b;height:76px;margin-left:-46px;margin-right:-46px;padding:0 46px}.topbar .muted{color:#d9e4f0}.topbar .badge{color:#fff;background:#ffffff15;border-color:#ffffff45;border-radius:3px}.topbar .dot{background:#fff}.badge{color:#003b71;background:#f3f7fb;border-color:#cbd8e5;border-radius:3px;font-weight:700}.title-row{border-bottom:1px solid #d3dbe2;padding-bottom:24px}.title-row .eyebrow{color:#c8202b;font-weight:800}.stats{gap:14px}.stats>div{background:#fff;border-top:4px solid #003b71;border-radius:3px;padding-top:17px}.stats span{color:#536a7e;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700}.stats strong{color:#003b71;font-family:Arial,Helvetica,sans-serif;font-weight:800}.stats svg{color:#c8202b}.secondary{color:#003b71;border-color:#b7c7d5}.search{color:#003b71;border-color:#b7c7d5;border-radius:3px}.search input:focus{outline:0}.bin-card,.photo-card{border-color:#b9c8d6;border-radius:3px}.bin-card{border-top:3px solid #003b71}.bin-cover{background:#f0f3f6}.placeholder{color:#003b71;background:linear-gradient(140deg,#eef3f8,#e1e9f1)}.placeholder>svg{color:#2e5b86}.placeholder span{color:#5d7389}.count{color:#003b71;border:1px solid #cbd7e2;border-radius:3px;font-weight:700}.bin-info{border-radius:0}.bin-info h2{color:#003b71;font-weight:800}.bin-info small{color:#526d86;font-weight:700}.bin-info svg,.icon{color:#003b71}.bin-footer{color:#516a81;background:#f6f8fb;border-top-color:#d9e1e9}.empty{background:#fff;border:1px solid #b9c8d6;border-radius:3px}.empty>svg{color:#003b71}.back{color:#003b71;font-weight:700}.photo-open{background:#edf2f7}.photo-open span{color:#003b71;border-radius:3px}.text-button{color:#003b71;font-weight:700}.danger,.delete-bin{color:#c8202b}.notice{color:#355778;background:#eef4fa;border:1px solid #c1d3e5;border-left:4px solid #003b71;border-radius:3px}.table-wrap{border-color:#bdcbd8;border-radius:3px}th{color:#fff;background:#003b71;border-bottom:3px solid #c8202b}td{border-color:#dbe3eb}.role-grid article,.company-card{border-color:#003b71 #bdcbd8 #bdcbd8;border-top-style:solid;border-top-width:3px;border-radius:3px}.role-grid svg{color:#c8202b}.company-card h2{font-weight:800}.company-card p{color:#355778}footer{color:#003b71;border-top:3px solid #003b71;font-weight:700}footer span{color:#657484;font-weight:400}.overlay{background:#002b50dd}.modal{background:#fff;border-top:5px solid #c8202b;border-radius:4px}.modal h2{color:#003b71;font-weight:800}.toast{background:#003b71;border-left:5px solid #c8202b;border-radius:3px}.welcome{border-top:7px solid #c8202b}.welcome .badge{border-left:4px solid #c8202b}.welcome em{color:#c8202b}.upload-progress{color:#003b71;background:#e8f0f8;border-left:4px solid #003b71;border-radius:3px}.lightbox{background:#001b30f5}input:focus,textarea:focus,select:focus{outline-color:#3875af}.label-print,.label-print h3,.label-print p,.label-print small{color:#000}.label-print{border-radius:0}.select-bin{border-radius:3px}.loading .logo{color:#003b71}@media (max-width:1150px){.topbar{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}}@media (max-width:760px){.sidebar{border-top-width:5px;padding-top:18px}.topbar{height:55px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.sidebar select{top:19px}.stats span{letter-spacing:.2px;font-size:8px}.title-row{padding-bottom:20px}.bin-info h2{font-size:19px}.bin-info small{font-size:8px}.sidebar nav{gap:4px}.welcome{padding-top:35px}}@media print{.modal{border-top:0}.label-print{color:#000;background:#fff}.label-print h3{color:#000}}.logo>img{flex-shrink:0}.label-print .label-brand{align-items:center;gap:6px;display:flex}.label-print .label-brand img{object-fit:contain;height:26px;width:26px!important}body>main{margin-left:auto;margin-right:auto}.app{--line:#e0e6ec;--paper:#f5f7fa;--muted:#6a7a8a;background:var(--paper)}.app button,.app .button{border-radius:8px;gap:7px;min-height:42px;padding:11px 15px;font-size:13px}.app input,.app select,.app textarea{border-radius:8px;font-size:16px}.app .icon{min-width:36px;min-height:36px;padding:8px}.app .text-button{min-height:36px;padding:6px 8px;font-size:12px}.app h1{letter-spacing:-.8px;margin:6px 0 8px;font-size:32px;line-height:1.2}.app h2{font-size:20px;line-height:1.3}.app p{line-height:1.5}.app .sidebar{border-top:3px solid #cf2431;padding:24px 20px 16px}.app .sidebar .eyebrow{letter-spacing:1px;margin-top:25px;margin-bottom:9px;font-size:10px}.app .sidebar nav{gap:5px;margin-top:16px}.app .nav{border-radius:8px;align-items:center;gap:8px;padding:11px 12px;font-size:13px;display:flex}.app .sidebar-secondary{border-top:1px solid var(--line);gap:4px;margin-top:14px;padding-top:12px;display:grid}.app .sidebar-tip{border-top:0;border-radius:10px;padding:16px;font-size:12px}.app .profile{gap:8px;margin-top:18px;padding-top:15px}.app .profile a{padding:8px}.app main{max-width:1500px;padding:0 32px 24px}.app .topbar{color:#526d85;border-bottom:1px solid var(--line);background:0 0;height:64px;margin:0 0 28px;padding:0;font-size:12px}.app .topbar .muted{color:#526d85}.app .topbar .badge{color:#003b71;border-color:var(--line);background:#fff;border-radius:20px}.app .topbar .dot{background:#338361}.app .title-row{border-bottom:1px solid var(--line);gap:16px;margin-bottom:22px;padding-bottom:20px}.app .eyebrow{letter-spacing:1px;font-size:10px}.app .title-row .eyebrow{color:#657c91}.app .actions{flex-wrap:wrap;gap:8px}.app .stats{gap:12px;margin-bottom:22px}.app .stats>div{border:1px solid var(--line);border-radius:10px;padding:16px 18px}.app .stats strong{font-size:28px}.app .stats span{text-transform:none;letter-spacing:0;font-size:10px}.app .list-toolbar{align-items:center;gap:10px;margin-bottom:18px}.app .search{border-color:var(--line);border-radius:8px;flex:1;width:auto;min-width:180px}.app .bin-grid,.app .photo-grid{gap:16px}.app .bin-card,.app .photo-card{border:1px solid var(--line);border-radius:12px}.app .bin-info{padding:14px 16px}.app .bin-footer{padding:8px 12px;font-size:11px}.app .bin-footer .icon{min-width:30px;min-height:30px;padding:5px}.app .bin-info small{letter-spacing:.4px;font-size:10px}.app .count{border-radius:6px;font-size:11px}.app .gallery-toolbar{gap:12px;margin:22px 0 16px}.app .empty{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:850px;padding:32px 22px}.app .empty h1{font-size:26px}.app .empty h2{font-size:20px}.app .empty p{max-width:460px;margin:8px auto;font-size:13px}.app .notice{border:1px solid #d7e4f0;border-radius:9px;padding:14px 16px;font-size:13px}.app .notice input{margin:10px 0;font-size:12px}.app .table-wrap{border-color:var(--line);border-radius:10px}.app th{color:#61768a;letter-spacing:.5px;background:#f1f5f9;border:0}.app td{border-color:var(--line);padding:15px 16px}.app .role-grid,.app .company-grid{gap:12px;margin-top:20px}.app .role-grid article,.app .company-card{border:1px solid var(--line);border-radius:10px;padding:20px}.app .company-card h2{margin:12px 0}.app footer{border-top:1px solid var(--line);margin-top:32px;padding-top:16px;font-size:11px}.app .modal{border-top:0;border-radius:14px}.app .overlay{background:#003b7166}@media (max-width:1150px){.app main{padding:0 24px 24px}.app .topbar{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media (max-width:760px){.app .sidebar{border-top:3px solid #cf2431;border-bottom:1px solid var(--line);background:#fff;padding:16px 16px 12px;position:relative}.app .sidebar .logo{font-size:24px}.app .sidebar select{width:100%;margin-top:12px;padding:10px 12px;font-size:14px;position:static}.app .sidebar nav{gap:6px;margin-top:12px;display:flex;overflow-x:auto}.app .sidebar nav button{flex:1;justify-content:center;min-width:0;padding:10px 8px;font-size:12px}.app .sidebar-secondary{border:0;gap:6px;margin-top:8px;padding-top:8px;display:flex}.app .sidebar-secondary .nav{background:#f4f7fa;flex:1;justify-content:center;min-height:36px;padding:8px;font-size:12px}.app .sidebar-tip{display:none}.app .profile{justify-content:space-between;margin:10px 0 0;padding:10px 0 0;display:flex}.app .profile .avatar,.app .profile strong{display:none}.app .profile small{margin:0;font-size:11px}.app .profile a{align-items:center;padding:5px;display:flex}.app main{padding:0 16px 24px}.app .topbar{gap:10px;height:48px;margin-bottom:20px;font-size:10px}.app .topbar .badge{font-size:9px}.app h1,.app .title-row h1{letter-spacing:-.6px;font-size:27px}.app .title-row{gap:12px;margin-bottom:18px;padding-bottom:16px}.app .title-row>button{width:100%}.app .title-row>.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app .title-row .actions .button,.app .title-row .actions button{white-space:normal;padding:10px 8px;font-size:12px}.app .stats{gap:8px;margin-bottom:18px}.app .stats>div{border-radius:9px;padding:12px 10px}.app .stats span{min-height:24px;font-size:10px;line-height:1.3}.app .stats strong{font-size:24px}.app .list-toolbar{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app .list-toolbar .search{grid-area:1/1/auto/-1;width:100%;min-width:0}.app .list-toolbar>.button,.app .list-toolbar>button{white-space:normal;padding:10px 8px;font-size:12px}.app .bin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app .bin-cover{height:130px}.app .bin-info{padding:12px 10px}.app .bin-info h2{font-size:18px}.app .bin-info small{font-size:9px}.app .bin-footer{padding:6px 8px;font-size:9px}.app .gallery-toolbar{align-items:stretch;margin-top:18px}.app .gallery-toolbar .actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.app .gallery-toolbar h2{font-size:16px}.app .gallery-toolbar .button{padding:10px 8px;font-size:12px}.app .photo-open{height:240px}.app .empty{padding:28px 18px}.app .empty h1{font-size:24px}.app .empty>svg{width:36px;height:36px;margin-bottom:8px}.app .empty button{width:100%}.app th,.app td{padding:12px 10px;font-size:11px}.app td:last-child{min-width:155px}.app footer{margin-top:28px}.app .notice{padding:12px;font-size:12px}}@media print{.app .sidebar,.app main{display:none!important}.app .modal{border:0;border-radius:0}}