:root{--bg:#f6f5f1;--paper:#fff;--ink:#26352f;--muted:#7b817b;--line:#e5e7df;--green:#203b35;--accent:#b77d40;--pale:#edf1e7;--red:#9d3e3e;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b5c5a5;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}input,textarea,select{min-width:0}button svg,[data-icon] svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.brand{font-size:29px;letter-spacing:-1.3px;font-weight:750;display:flex;gap:10px;align-items:center}.brand img{border-radius:10px}.brand-dot{color:#cda66a;margin-left:-9px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#89937e}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;border-radius:9px;border:1px solid transparent;padding:10px 16px;font-size:13px;font-weight:650;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#36564a}.outline{border-color:var(--line);background:white}.outline:hover{background:var(--pale)}.subtle{background:transparent;color:#6b756b}.subtle:hover{background:var(--pale)}.small{min-height:34px;padding:6px 12px;font-size:12px}.danger{background:#f8eaea;color:var(--red);border:1px solid #efd3d3}.danger:hover{background:#f3dddd}.full{width:100%;margin:8px 0}.icon-button{border:0;background:transparent;border-radius:8px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#8b9388;font-size:26px}.icon-button:hover{background:var(--pale);color:var(--green)}.icon-button.active{color:#aa7831;background:#fbf3df}.gate{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.gate-art{background:var(--green);color:#f4f4e9;padding:52px 9%;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh}.gate-art .eyebrow{color:#b3c2a7}.gate-art h1{font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.1;letter-spacing:-3px;margin:20px 0 26px}.gate-art p{font-size:14px;line-height:1.9;color:#bdc9ba}.gate-flow{margin-top:45px;display:flex;align-items:center;gap:18px}.gate-flow span{padding:12px;border:1px solid #53695a;border-radius:10px;font-size:12px}.gate-flow b{color:#e9b36e;font-size:25px}.gate-security{font-size:12px!important}.gate-panel{display:flex;align-items:center;justify-content:center;padding:45px}.gate-form{max-width:380px;width:100%}.gate-form h2{font-size:29px;font-weight:600;letter-spacing:-1px;margin:13px 0}.gate-form p{line-height:1.6;font-size:14px;color:var(--muted)}.gate-form label{display:block;font-size:12px;font-weight:650;margin:23px 0}.gate-form input{display:block;width:100%;border:1px solid #dce0d6;background:white;border-radius:9px;padding:13px;margin-top:9px}.gate-form .primary{width:100%;justify-content:space-between}.form-error{color:var(--red)!important}.notice{border:1px solid #dedfc8;border-radius:10px;background:#f6f6e9;padding:14px;font-size:12px!important;line-height:1.7;color:#6c725d!important}.loader{width:25px;height:25px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;position:fixed;inset:0 auto 0 0;padding:32px 18px 22px;background:#f0f1e9;border-right:1px solid #e1e4da;display:flex;flex-direction:column}.sidebar .brand{padding:0 14px;margin-bottom:44px}.nav-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#8b9383;padding:0 15px;margin:0 0 13px}.nav-item{border:0;background:transparent;width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:9px;font-size:12px;font-weight:550;margin-bottom:4px;min-height:44px;color:#677160}.nav-item:hover{background:#e7ebdf}.nav-item.active{background:#e0e7d6;color:#29442f;font-weight:700}.nav-item .count{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:5px;background:#d3ddc8}.sidebar-divider{height:1px;background:#e0e4d7;margin:24px 14px}.sidebar-bottom{margin-top:auto;padding-top:24px}.privacy-note{border:1px solid #d9e0ce;background:#e8eddf;border-radius:12px;padding:16px;margin:0 4px 24px}.privacy-note [data-icon]{display:block;margin-bottom:9px;color:#657853}.privacy-note strong{font-size:11px;font-weight:650}.privacy-note p{font-size:10px;color:#7b876f;line-height:1.8;margin-bottom:0}.main{margin-left:244px;width:calc(100% - 244px)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:11px}.breadcrumb{color:#858c80}.breadcrumb span{margin:0 12px;color:#b1b5ab}.breadcrumb strong{color:#555f50;font-weight:550}.device-status{display:flex;align-items:center;gap:8px;color:#7b8574}.device-status [data-icon] svg{width:15px;height:15px}.status-dot{background:#85a275;width:6px;height:6px;border-radius:50%}.status-dot.offline{background:#d29b58}.topbar-divider{height:17px;background:var(--line);width:1px;margin:0 11px}.content{max-width:1250px;padding:46px 44px 24px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.page-heading h1{font-size:34px;letter-spacing:-1.4px;font-weight:600;margin:11px 0}.page-heading h1 span{color:#b9985f}.page-heading p{font-size:13px;color:var(--muted);margin:0}.composer{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px 14px;box-shadow:0 3px 9px #203b3503}.composer.dragover{outline:3px dashed #9db18a;background:#f4f7ee}.composer-label{display:flex;align-items:center;gap:9px;font-size:12px}.composer-plus{color:#799362;font-size:20px;line-height:1}.composer-label strong{font-weight:600}.composer-label>span:last-child{color:#a0a597;font-size:11px;margin-left:2px}.composer textarea{border:0;outline:0!important;box-shadow:none;resize:vertical;min-height:82px;max-height:400px;width:100%;margin:16px 0 8px;font-size:13px;line-height:1.7;background:transparent;color:var(--ink)}.composer textarea::placeholder{color:#aaaFA5}.composer textarea.secret-input{-webkit-text-security:disc}.composer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f1ec;padding-top:12px;gap:12px}.composer-tools{display:flex;align-items:center;gap:9px}.composer-tools .button{font-size:11px;padding-left:0}.check-label{display:flex;align-items:center;gap:5px;font-size:11px;color:#8c9386;cursor:pointer}.check-label input{accent-color:var(--green);width:12px}.check-label svg{width:13px;height:13px}.pending-files{display:flex;gap:8px;flex-wrap:wrap}.file-chip{display:inline-flex;align-items:center;gap:8px;font-size:11px;background:var(--pale);padding:7px 10px;border-radius:6px;max-width:100%;overflow-wrap:anywhere}.file-chip button{border:0;background:transparent;color:var(--red)}.history{margin-top:33px}.history-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.search{display:flex;align-items:center;gap:9px;flex:1;color:#9ca393}.search input{background:transparent;border:0;padding:11px 2px;font-size:12px;width:100%;outline-offset:0}.filterbar{display:flex;justify-content:space-between;gap:8px;padding-bottom:17px;border-bottom:1px solid var(--line)}.filter-group{display:flex;gap:8px;min-width:0}.filterbar select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 26px 8px 10px;font-size:10px;color:#737d69;max-width:180px}.filterbar>select{background:transparent;border-color:transparent;padding-right:18px}.results-line{display:flex;justify-content:space-between;font-size:10px;color:#959e8d;padding:19px 0 15px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:#c8d2bb;box-shadow:0 4px 18px #203b3508}.card.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 7px}.type-badge{display:flex;gap:6px;align-items:center;font-size:9px;font-weight:600;letter-spacing:.4px;color:#7c8d6c;background:#f0f4eb;padding:5px 7px;border-radius:5px}.type-badge svg{width:12px;height:12px}.type-badge.link{color:#8a795f;background:#f8f2e8}.type-badge.image{color:#6f87a0;background:#edf2f7}.type-badge.file{color:#867b95;background:#f2edf7}.card-head .icon-button{width:27px;height:27px}.card-head .icon-button svg{width:15px;height:15px}.card-content{padding:7px 16px 14px;min-height:118px}.card-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.card-text.link-title{font-weight:550;color:#5e7150}.card-link{font-size:10px;color:#91a080;word-break:break-all;margin:8px 0 0;display:block}.secret-value{font-family:ui-monospace,monospace;font-size:17px;letter-spacing:1px;margin:15px 0 12px;word-break:break-all;white-space:pre-wrap}.secret-tag{font-size:9px;color:#aa8958;display:flex;align-items:center;gap:5px}.secret-tag svg{width:11px;height:11px}.reveal-button{padding:4px 0;min-height:28px;font-size:10px}.image-preview{display:block;width:100%;height:145px;object-fit:cover;border-radius:7px;background:#eef0e8}.image-placeholder{height:130px;background:#f0f3ec;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#87997b;font-size:11px;width:100%;border:0}.image-placeholder svg{width:32px;height:32px}.file-visual{width:46px;height:52px;border-radius:7px;background:#f1eef5;display:flex;align-items:center;justify-content:center;color:#9d8cb1;margin:8px 0 12px}.file-name{font-size:12px;font-weight:600;overflow-wrap:anywhere;margin:4px 0}.file-info{font-size:10px;color:#97a08f;margin:7px 0}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #f0f1ec;padding:11px 14px;font-size:9px;color:#939d88}.card-meta .origin{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}.card-meta svg{width:11px;height:11px}.card-actions{display:flex;border-top:1px solid #f0f1ec;align-items:center;padding:5px 9px;gap:2px}.card-actions .button{min-height:30px;padding:4px 7px;font-size:10px}.card-actions svg{width:13px;height:13px}.card-actions .delete{margin-left:auto}.card-actions .icon-button{width:29px;height:29px}.selection-check{accent-color:var(--green)}.empty{text-align:center;padding:46px 15px 60px}.empty-symbol{border:1px solid #dfe7d4;border-radius:18px;background:#eef2e7;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#82966d;margin:0 auto 20px}.empty h2{font-size:18px;font-weight:550;letter-spacing:-.4px}.empty p{font-size:12px;line-height:1.9;color:#8a9480}.selection-bar{display:flex;align-items:center;gap:16px;background:#e7eddf;border-radius:8px;padding:10px 12px;font-size:11px;margin-top:13px}.selection-bar .button{margin-left:auto}.selection-bar label{display:flex;align-items:center;gap:7px}footer{font-size:9px;letter-spacing:2px;color:#9aa58d;display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:36px;padding-top:20px}footer span{letter-spacing:0;font-size:10px;color:#a5ad9a}.footer-right{margin-left:auto}dialog{border:1px solid var(--line);border-radius:18px;padding:0;width:min(560px,calc(100% - 28px));max-height:85svh;color:var(--ink);box-shadow:0 24px 100px #13291c33;background:var(--bg)}dialog::backdrop{background:#15241b88;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line);gap:12px}.dialog-heading h2{font-weight:550;letter-spacing:-.6px;font-size:22px;margin:7px 0 0}.dialog-body{padding:8px 24px 24px}.dialog-body h3{font-size:13px;margin:25px 0 12px}.dialog-body p{font-size:13px;line-height:1.7}.muted{color:#8a9481;font-size:11px!important}.inline-form{display:flex;gap:9px}.inline-form input{flex:1;border:1px solid var(--line);border-radius:7px;padding:9px;font-size:12px}.device-row,.rule-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:10px;font-size:12px}.device-row small{display:block;font-size:10px;color:#919b89;margin-top:5px}.device-row.revoked{opacity:.55}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#pair-token{word-break:break-all;user-select:all;display:block;margin:12px 0}#preview-body img{max-width:100%;max-height:60svh;object-fit:contain}#preview-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:10px;padding:13px 20px;box-shadow:0 5px 25px #203b3526;font-size:12px;z-index:100;max-width:calc(100vw - 30px);text-align:center}.toast.error{background:#803d35}@media(min-width:1600px){.content{padding-top:65px}.cards{gap:20px}}@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.topbar{padding:0 28px}.content{padding:35px 28px 22px}.composer-tools{gap:4px}.composer-label>span:last-child{display:none}}@media(max-width:850px){.sidebar{width:76px;padding:24px 10px}.sidebar .brand{font-size:0;padding:0;margin-bottom:35px;justify-content:center}.sidebar .brand img{width:36px}.brand-dot,.sidebar .nav-label,.sidebar .count,.privacy-note{display:none}.sidebar .nav-item{font-size:0;justify-content:center;padding:12px}.sidebar .nav-item [data-icon] svg{width:20px;height:20px}.sidebar-divider{margin:18px 8px}.main{margin-left:76px;width:calc(100% - 76px)}.topbar{height:65px}.breadcrumb{display:none}.device-status{width:100%;justify-content:flex-end}.filterbar{flex-wrap:wrap}.filter-group{flex-wrap:wrap}.filterbar>select{margin-left:auto}.composer-tools .button{font-size:0;padding:8px}.composer-tools .button svg{width:20px;height:20px}.page-heading h1{font-size:30px}.gate-art{padding:40px 10%}.gate-art h1{font-size:44px}.gate-flow{gap:9px;flex-wrap:wrap}.gate-panel{padding:30px}}@media(max-width:560px){.gate{display:block}.gate-art{min-height:0;padding:25px}.gate-art>div{display:none}.gate-art .brand{font-size:25px}.gate-art .brand-dot{display:inline}.gate-security{display:none}.gate-panel{padding:42px 24px}.sidebar{width:58px;padding:20px 5px}.sidebar .brand img{width:32px;height:32px}.sidebar .brand{margin-bottom:25px}.sidebar .nav-item{padding:10px}.sidebar-bottom{padding-top:10px}.sidebar .nav-item [data-icon] svg{width:18px;height:18px}.main{margin-left:58px;width:calc(100% - 58px)}.content{padding:25px 15px 20px}.topbar{height:54px;padding:0 15px}.device-status{font-size:9px;gap:5px}.topbar-divider{margin:0 5px}.page-heading{gap:10px;align-items:flex-start}.page-heading h1{font-size:25px;letter-spacing:-1px;line-height:1.2}.eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading p{font-size:11px}.page-heading .button{font-size:0;padding:8px;min-height:34px}.page-heading .button svg{width:16px}.composer{padding:15px 13px 10px;border-radius:12px}.composer-label{font-size:11px}.composer textarea{font-size:12px}.composer-bottom{flex-wrap:wrap;gap:4px}.composer-bottom>.primary{margin-left:auto;font-size:10px;min-height:36px;padding:8px 10px}.composer-tools .check-label{font-size:10px}.composer-tools{gap:2px}.history{margin-top:24px}.history-toolbar{gap:4px}.history-toolbar .button{font-size:10px;padding:8px;min-height:36px}.search{gap:5px}.search input{font-size:10px}.search svg{width:14px}.filter-group{gap:5px}.filterbar{gap:2px}.filterbar select{font-size:9px;padding:7px 17px 7px 8px;max-width:135px}.filterbar>select{font-size:9px}.cards{grid-template-columns:1fr;gap:13px}.card-content{min-height:90px}.card-text{font-size:12px}.card-meta{font-size:9px}.card-actions .button{font-size:11px;min-height:34px}.card-actions .icon-button{width:34px;height:34px}.results-line{font-size:9px}.selection-bar{flex-wrap:wrap;gap:10px}footer{gap:8px;flex-wrap:wrap;font-size:8px}footer span{font-size:8px}.footer-right{width:100%;margin-left:0}.dialog-heading{padding:20px}.dialog-body{padding:8px 20px 20px}.inline-form{flex-wrap:wrap}.inline-form .button{flex-shrink:0}.image-preview{height:180px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}