@import url('/static/fonts.css');
:root{--bg:#f7f8fa;--ink:#172b38;--muted:#6f7b82;--line:#e3e8eb;--orange:#ed6741;--green:#2a8b70;--navy:#142f3c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:11px 16px;font-weight:600;text-decoration:none;transition:background .15s}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--orange);color:#fff}.primary:hover{background:#d9522c}.secondary{background:#fff;color:var(--ink);border:1px solid #dce2e6}.secondary:hover{background:#f0f3f5}.link{padding:0;background:none;color:inherit}.sidebar{width:252px;background:var(--navy);color:#c3d0d6;position:fixed;inset:0 auto 0 0;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:17px;letter-spacing:-.6px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;font-weight:500;color:#9ab0bc;margin-top:4px}.brand-mark{height:42px;width:38px;background:#f2ede3;color:var(--navy);border-radius:5px 12px 5px 5px;font-size:29px;font-weight:800;padding:0 8px;position:relative;line-height:42px}.brand-mark span{position:absolute;right:-4px;bottom:-5px;color:var(--orange);font-size:25px;text-shadow:0 0 2px var(--navy)}.nav-label{font-size:10px;letter-spacing:1.5px;color:#8098a4;margin:54px 12px 15px}.nav{display:flex;text-align:left;width:100%;gap:13px;color:#adbec7;background:none;margin:5px 0;font-size:15px}.nav span:first-child{flex:1}.nav span:last-child:not(:first-child){background:#ffffff18;border-radius:5px;padding:0 7px;font-size:12px}.nav.active{background:#ffffff10;color:#fff;border-left:3px solid var(--orange);padding-left:13px}.sidebar-note{margin:38px 6px 0;border:1px solid #ffffff15;border-radius:10px;padding:15px;font-size:12px}.sidebar-note p{margin:8px 0 0;color:#8ca6b3;font-size:11px}.sidebar-bottom{margin-top:auto;font-size:11px;color:#8ca6b3;padding:20px 12px 0}.sidebar-bottom p{line-height:1.9}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68bba0;margin-right:5px}.workspace{margin-left:252px;padding:0 46px 50px;max-width:1920px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.topbar>div{font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:37px 0 30px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--muted);margin:0 0 9px}h1{font-size:38px;letter-spacing:-1.7px;line-height:1.2;margin:0 0 12px;font-weight:700}h2{font-size:19px;letter-spacing:-.4px;margin:0 0 14px}.accent{color:var(--orange)}p{margin:8px 0 16px}.muted{color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;background:white;border:1px solid var(--line);border-radius:12px;padding:20px 10px;margin-bottom:35px}.stats>div{padding:0 23px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span{display:block;font-size:9px;letter-spacing:1.1px;color:var(--muted);font-weight:600}.stats strong{font-size:29px;font-weight:600;display:block;margin-top:3px;line-height:1.4}.stats strong.stat-time{font-size:16px;padding-top:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.hint{color:var(--muted);font-size:11px;margin:10px 0 20px;max-width:850px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;box-shadow:0 3px 10px #142f3c03}.card-top{display:flex;justify-content:space-between;align-items:center;padding:17px 19px 10px}.chip{font-size:10px;padding:4px 8px;border-radius:5px;background:#eef5f2;color:var(--green);font-weight:600}.chip.pending{color:#9f681c;background:#fff5e2}.chip.offline{background:#f8e8e5;color:#aa403a}.card-type{font-size:10px;color:var(--muted)}.paper-frame{height:185px;background:#f1f3f3;margin:0 18px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:16px;background-image:radial-gradient(#d9dfe1 .7px,transparent .7px);background-size:7px 7px;position:relative}.paper-frame canvas{display:block;max-width:100%;max-height:155px;width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 3px 10px #172b3820}.paper-frame .empty{font-size:12px;color:var(--muted);text-align:center}.card-body{padding:17px 20px 18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title h2{font-size:17px;margin:0}.mode{font-size:10px;letter-spacing:.3px;color:var(--muted);margin:4px 0 13px}.metadata{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:11px;line-height:1.9}.metadata div{display:flex;justify-content:space-between;gap:10px}.metadata b{font-weight:500;color:#475c68;text-align:right}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.card-actions button{font-size:11px;padding:8px 11px}.card-actions small{font-size:10px;color:var(--muted)}.module-error{font-size:11px;color:#b83d31;background:#fff0eb;padding:8px;border-radius:6px;margin-top:8px}.preview-label{font-size:10px;letter-spacing:1px;color:var(--muted);margin:0 0 18px}.panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-size:12px;font-weight:600;margin:0 0 17px}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:7px;background:#fff;border:1px solid #d9e0e4;border-radius:7px;padding:10px 11px;color:var(--ink);font-weight:400}input:focus,select:focus,textarea:focus{outline:2px solid #ed674150;border-color:var(--orange)}textarea{resize:vertical}label.button{display:inline-flex;font-size:13px}progress{width:100%;height:8px;accent-color:var(--orange)}.upload-zone{background:#fff;border:1px dashed #becbd2;border-radius:13px;text-align:center;padding:45px 25px;margin-bottom:25px}.upload-zone p{font-size:12px;color:var(--muted)}.upload-icon{display:block;font-size:36px;color:var(--orange);margin-bottom:10px}.file-row,.event-row{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.file-row{background:white;margin:10px 0;padding:18px 22px;border:1px solid var(--line);border-radius:9px}.file-row b{flex:1}.file-row span,.event-row time{font-size:11px;color:var(--muted)}.file-icon{background:#f5eee8;padding:9px;border-radius:7px;color:var(--orange)}.event-row p{margin:0;font-size:12px}.event-row small{color:var(--muted)}code{display:inline-block;font:11px/1.6 ui-monospace,monospace;background:#f1f4f5;padding:5px 7px;border-radius:4px;word-break:break-all}dl{font-size:12px;display:grid;grid-template-columns:auto 1fr;gap:9px}dd{margin:0;text-align:right;color:var(--muted)}dialog{width:min(1100px,95vw);max-height:94vh;padding:0;border:0;border-radius:14px;color:var(--ink);box-shadow:0 20px 100px #10283650}dialog::backdrop{background:#10283690;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:25px;margin:0}.dialog-heading small{font-size:10px;color:var(--muted)}.icon-button{font-size:26px;padding:0 10px;align-self:start;background:none;color:var(--muted)}.editor-body{display:grid;grid-template-columns:1.1fr 1fr;max-height:65vh;overflow:auto}.editor-controls{padding:26px 28px}.editor-preview{background:#f4f6f7;padding:30px;position:sticky;top:0;align-self:start;min-height:100%}#draft-frame{min-height:200px;display:flex;align-items:center;justify-content:center;margin:30px 0}#draft-frame canvas,#draft-frame img{max-width:100%;max-height:360px;object-fit:contain;background:white;box-shadow:0 6px 20px #172b3820}#draft-caption{text-align:center;font-size:11px;color:var(--muted)}.preview-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:35px;border-top:1px solid #dfe5e9;padding-top:20px}.field-row,.paper-tools{display:flex;gap:12px}.field-row>label,.paper-tools>label{flex:1}.paper-tools{gap:8px}.paper-tools label{font-size:10px}.toggle{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:7px}.toggle input{accent-color:var(--orange);width:17px;height:17px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;border-top:1px solid var(--line);background:#fff;position:sticky;bottom:0}.dialog-footer>span{font-size:11px;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.dialog-footer .actions{flex-wrap:nowrap}.dialog-footer button{font-size:12px;white-space:nowrap}.banner{padding:13px 17px;margin:20px 0;border-radius:8px}.error{color:#ad3b30;background:#fcece8}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#edf1f2}.login-box{background:white;border:1px solid var(--line);border-radius:17px;padding:45px;max-width:450px;width:calc(100% - 35px)}.login-box .brand-mark{margin-bottom:28px}.login-box h1{font-size:30px}.login-box form{margin-top:30px}.login-box .primary{width:100%}.login-box footer{margin-top:25px;font-size:10px;color:var(--muted)}#toast{position:fixed;top:18px;right:28px;z-index:30;padding:12px 20px;background:var(--navy);color:#fff;border-radius:8px;box-shadow:0 5px 25px #0002;font-size:13px}[hidden]{display:none!important}
@media(min-width:1500px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.sidebar{width:210px;padding:28px 15px}.workspace{margin-left:210px;padding:0 25px 35px}.brand{font-size:15px}.page-heading{align-items:start}.page-heading>.secondary{font-size:11px}.stats>div{padding:0 12px}.stats span{font-size:8px}.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:16px 18px;display:block}.brand{font-size:17px}.brand-mark{height:34px;width:31px;line-height:34px;font-size:24px}.nav-label,.sidebar-note,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:15px;gap:6px}.nav{width:auto;flex:1;padding:9px 8px;font-size:12px;gap:5px;justify-content:center}.nav span:last-child:not(:first-child){display:none}.nav.active{border-left:0;border-bottom:2px solid var(--orange)}.workspace{margin:0;padding:0 18px 25px}.topbar{height:50px;font-size:10px}.topbar>div{font-size:9px}.page-heading{margin:28px 0 22px;display:block}h1{font-size:32px}.page-heading>.secondary{margin-top:5px}.stats{grid-template-columns:repeat(3,1fr);padding:15px 5px;gap:10px}.stats>div:nth-child(3){border:0}.stats>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.stats strong.stat-time{font-size:14px;padding:0}.stats>div:last-child span{display:inline;margin-right:12px}.stats>div:last-child strong{display:inline}.cards{grid-template-columns:1fr}.paper-frame{height:200px}.paper-frame canvas{max-height:170px}.section-heading>span{font-size:9px}.editor-body{grid-template-columns:1fr;max-height:65vh}.editor-preview{position:static;min-height:0;padding:20px}.editor-controls{padding:22px}#draft-frame{min-height:120px;margin:15px 0}.preview-note{margin-top:15px}.dialog-heading{padding:20px}.dialog-footer{padding:12px;display:block}.dialog-footer .actions{margin-top:8px;gap:5px}.dialog-footer button{flex:1;padding:9px 6px;font-size:10px}.paper-tools{flex-wrap:wrap}.login-box{padding:32px}.event-row{align-items:start}.event-row time{min-width:85px}.topbar>span{max-width:47%}}