:root{--bg: oklch(.985 .004 235);--surface: #ffffff;--surface-2: oklch(.975 .005 235);--surface-3: oklch(.96 .006 235);--ink: oklch(.28 .02 255);--ink-2: oklch(.47 .02 255);--ink-3: oklch(.62 .015 255);--line: oklch(.915 .007 245);--line-2: oklch(.95 .005 245);--accent-h: 230;--accent: oklch(.55 .12 var(--accent-h));--accent-strong: oklch(.48 .13 var(--accent-h));--accent-ink: oklch(.42 .13 var(--accent-h));--accent-soft: oklch(.955 .035 var(--accent-h));--accent-line: oklch(.88 .05 var(--accent-h));--danger: oklch(.55 .17 25);--danger-soft: oklch(.95 .04 25);--radius: 11px;--radius-sm: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px oklch(.3 .03 255 / .06), 0 1px 1px oklch(.3 .03 255 / .04);--shadow-md: 0 4px 14px oklch(.3 .03 255 / .08), 0 1px 3px oklch(.3 .03 255 / .05);--shadow-lg: 0 18px 50px oklch(.25 .03 255 / .18), 0 4px 14px oklch(.25 .03 255 / .08);--font: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--gap: 18px;--row-h: 56px}[data-direction=B]{--accent-h: 192;--accent: oklch(.58 .09 var(--accent-h));--accent-strong: oklch(.5 .1 var(--accent-h));--accent-ink: oklch(.44 .1 var(--accent-h));--accent-soft: oklch(.96 .03 var(--accent-h));--accent-line: oklch(.88 .045 var(--accent-h));--bg: oklch(.98 .008 200);--radius: 16px;--radius-sm: 11px;--radius-lg: 22px;--gap: 22px;--row-h: 62px}[data-brand=therasoft]{--accent-h: 260;--accent: oklch(.45 .16 260);--accent-strong: oklch(.39 .16 260);--accent-ink: oklch(.44 .16 260);--accent-soft: oklch(.955 .03 260);--accent-line: oklch(.86 .06 260)}.ofc-brand__logo{height:26px;width:auto;display:block}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent-soft)}.ofc-muted{color:var(--ink-3)}.ofc-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.ofc-code{font-family:var(--mono);font-size:.82em;letter-spacing:.02em;color:var(--ink-2)}.ofc-app{display:flex;flex-direction:column;height:100%;min-height:0}.ofc-body{flex:1;display:flex;min-height:0}.ofc-main{flex:1;min-width:0;overflow-y:auto;padding:30px clamp(22px,4vw,52px) 64px;animation:ofc-fade .35s ease}@keyframes ofc-fade{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.ofc-topbar{display:flex;align-items:center;gap:18px;flex-shrink:0;height:62px;padding:0 clamp(16px,3vw,28px);background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:30}.ofc-brand{display:flex;align-items:center;gap:11px;border:none;background:none;padding:0;color:var(--ink)}.ofc-brand__mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.ofc-brand__name{font-size:16px;letter-spacing:-.01em;color:var(--ink-2);font-weight:400}.ofc-brand__name strong{color:var(--ink);font-weight:600}.ofc-topbar__right{margin-left:auto;display:flex;align-items:center;gap:10px}.ofc-topbar__div{width:1px;height:26px;background:var(--line)}.ofc-userchip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 10px 4px 4px;color:var(--ink)}.ofc-userchip:hover{background:var(--surface-2)}.ofc-userchip__name{font-size:13px;font-weight:500}@media(max-width:640px){.ofc-userchip__name{display:none}}.ofc-gsearch{position:relative;flex:1;max-width:460px;display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);transition:border-color .15s,background .15s}.ofc-gsearch:focus-within{border-color:var(--accent-line);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.ofc-gsearch input{flex:1;border:none;background:none;outline:none;font:inherit;font-size:13.5px;color:var(--ink)}.ofc-gsearch__kbd{font-family:var(--mono);font-size:11px;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:1px 5px;background:var(--surface)}.ofc-gsearch__pop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-lg);padding:6px;z-index:50}.ofc-gsearch__empty{padding:18px;text-align:center;color:var(--ink-3);font-size:13px}.ofc-gsearch__row{display:flex;align-items:center;gap:11px;width:100%;border:none;background:none;padding:8px 9px;border-radius:9px;text-align:left;color:var(--ink)}.ofc-gsearch__row:hover{background:var(--accent-soft)}.ofc-gsearch__info{flex:1;min-width:0}.ofc-gsearch__name{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-gsearch__path{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:6px}@media(max-width:720px){.ofc-gsearch__kbd{display:none}}@media(max-width:520px){.ofc-gsearch{max-width:none}.ofc-brand__name{display:none}}.ofc-dirswitch{display:flex;background:var(--surface-3);border-radius:9px;padding:3px;gap:2px}.ofc-dirswitch__btn{display:flex;align-items:center;gap:6px;border:none;background:none;color:var(--ink-2);font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:7px;transition:all .15s}.ofc-dirswitch__btn.is-active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-sm)}@media(max-width:860px){.ofc-dirswitch__btn span{display:none}.ofc-dirswitch__btn{padding:7px 9px}}.ofc-sidebar{width:256px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.ofc-navlabel{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:16px 12px 7px}.ofc-nav{display:flex;flex-direction:column;gap:2px}.ofc-navitem{display:flex;align-items:center;gap:11px;border:none;background:none;width:100%;padding:9px 11px;border-radius:9px;color:var(--ink-2);font-size:13.5px;font-weight:500;text-align:left;transition:background .13s,color .13s}.ofc-navitem:hover{background:var(--surface-2);color:var(--ink)}.ofc-navitem__icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3);flex-shrink:0}.ofc-navitem__icon--cab{color:var(--cab);background:var(--cabSoft)}.ofc-navitem__label{flex:1}.ofc-navitem__count{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}.ofc-navitem.is-active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.ofc-navitem.is-active .ofc-navitem__count{color:var(--accent-ink)}.ofc-storage{margin-top:auto;padding:14px 12px 6px;border-top:1px solid var(--line-2)}.ofc-storage__head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:9px}.ofc-storage__txt{font-size:11.5px;color:var(--ink-3);margin-top:7px}.ofc-meter{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.ofc-meter__fill{height:100%;border-radius:99px;transition:width .5s ease}.ofc-tabbar{flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto}.ofc-tabbar__inner{display:flex;gap:3px;padding:0 clamp(14px,3vw,28px);min-width:max-content}.ofc-tab{display:flex;align-items:center;gap:8px;border:none;background:none;color:var(--ink-2);font-size:13.5px;font-weight:500;padding:15px;border-bottom:2.5px solid transparent;white-space:nowrap;transition:color .13s}.ofc-tab:hover{color:var(--ink)}.ofc-tab__count{font-family:var(--mono);font-size:11px;color:var(--ink-3);background:var(--surface-3);border-radius:99px;padding:1px 7px}.ofc-tab.is-active{color:var(--cab, var(--accent-ink));border-bottom-color:var(--cab, var(--accent));font-weight:600}.ofc-tab.is-active .ofc-tab__count{background:var(--accent-soft);color:var(--accent-ink)}.ofc-page,.ofc-home{max-width:1180px}.ofc-crumbs{display:flex;align-items:center;gap:4px;font-size:13px;margin-bottom:14px}.ofc-crumbs__sep{color:var(--ink-3)}.ofc-crumbs__link{border:none;background:none;color:var(--ink-3);padding:3px 5px;border-radius:6px;font:inherit}.ofc-crumbs__link:hover{color:var(--accent-ink);background:var(--accent-soft)}.ofc-crumbs__current{color:var(--ink);font-weight:600;padding:3px 5px}.ofc-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.ofc-pagehead__title{display:flex;align-items:center;gap:14px}.ofc-pagehead h1{font-size:25px;font-weight:600;letter-spacing:-.02em;margin:0}.ofc-pagehead p{margin:3px 0 0;color:var(--ink-2);font-size:14px}.ofc-pagehead__actions{display:flex;gap:9px;flex-shrink:0}@media(max-width:600px){.ofc-pagehead{flex-direction:column;align-items:flex-start}}.ofc-cabicon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.ofc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-bottom:var(--gap)}.ofc-stat{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.ofc-stat__icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.ofc-stat__value{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1}.ofc-stat__label{font-size:13px;color:var(--ink-2);margin-top:4px}@media(max-width:860px){.ofc-stats{grid-template-columns:repeat(2,1fr)}}.ofc-home__grid{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--gap);align-items:start}@media(max-width:980px){.ofc-home__grid{grid-template-columns:1fr}}.ofc-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.ofc-panel__head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line-2)}.ofc-panel__head h2{font-size:15px;font-weight:600;margin:0}.ofc-panel__count{font-size:12.5px;color:var(--ink-3)}.ofc-cabgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}@media(max-width:560px){.ofc-cabgrid{grid-template-columns:1fr}}.ofc-cabcard{position:relative;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:14px 15px 14px 16px;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.ofc-cabcard:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ofc-cabcard__bar{position:absolute;left:0;top:0;bottom:0;width:4px}.ofc-cabcard__body{flex:1;min-width:0}.ofc-cabcard__name{font-size:14px;font-weight:600}.ofc-cabcard__sub{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-cabcard__meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11.5px;color:var(--ink-2);font-family:var(--mono)}.ofc-drawers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:18px}@media(max-width:560px){.ofc-drawers{grid-template-columns:1fr}}.ofc-drawer{position:relative;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:18px 18px 14px;overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s;border-top:3px solid var(--cab)}.ofc-drawer:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ofc-drawer__pull{position:absolute;top:11px;right:16px;width:34px;height:5px;border-radius:99px;background:var(--cabSoft)}.ofc-drawer__face{display:flex;align-items:flex-start;gap:13px}.ofc-drawer__name{font-size:15px;font-weight:600}.ofc-drawer__sub{font-size:12.5px;color:var(--ink-2);margin-top:2px}.ofc-drawer__foot{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--ink-2)}.ofc-drawer__foot span strong{color:var(--ink);font-weight:600}.ofc-drawer__foot svg{margin-left:auto;color:var(--cab)}.ofc-recent{display:flex;flex-direction:column;padding:6px}.ofc-recent__row{display:flex;align-items:center;gap:12px;border:none;background:none;padding:9px 11px;border-radius:10px;text-align:left;color:var(--ink)}.ofc-recent__row:hover{background:var(--surface-2)}.ofc-recent__row:hover .ofc-recent__chev{opacity:1;transform:translate(0)}.ofc-recent__main{flex:1;min-width:0}.ofc-recent__name{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-recent__path{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:6px}.ofc-recent__when{font-size:12px;color:var(--ink-3);white-space:nowrap}.ofc-recent__chev{color:var(--ink-3);opacity:0;transform:translate(-4px);transition:all .15s}.ofc-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:12px}.ofc-toolbar__count{font-size:13px;color:var(--ink-3);margin-left:auto}.ofc-bulk{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--accent-ink);font-weight:500}.ofc-search{display:flex;align-items:center;gap:9px;height:38px;padding:0 11px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-3);min-width:240px}.ofc-search:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.ofc-search input{flex:1;border:none;background:none;outline:none;font:inherit;font-size:13.5px;color:var(--ink);min-width:0}.ofc-search__clear{border:none;background:none;color:var(--ink-3);display:grid;place-items:center;padding:2px;border-radius:5px}.ofc-search__clear:hover{background:var(--surface-3);color:var(--ink)}.ofc-alpha{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:18px}.ofc-alpha__btn{border:none;background:none;color:var(--ink-3);font-size:12px;font-weight:600;width:26px;height:26px;border-radius:7px;font-family:var(--mono)}.ofc-alpha__btn:hover{background:var(--surface-3);color:var(--ink)}.ofc-alpha__btn.is-active{background:var(--accent);color:#fff}.ofc-yearselect{height:34px;padding:0 30px 0 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.ofc-yearselect:hover{border-color:var(--accent)}.ofc-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2);flex-wrap:wrap}.ofc-pager__info{font-size:12.5px;color:var(--ink-3)}.ofc-pager__btns{display:flex;align-items:center;gap:10px}.ofc-pager__page{font-size:12.5px;color:var(--ink-2);font-weight:600;min-width:96px;text-align:center}.ofc-pager__btn{height:32px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer}.ofc-pager__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.ofc-pager__btn:disabled{opacity:.45;cursor:not-allowed}.ofc-folderlist{display:flex;flex-direction:column;gap:8px}.ofc-folderrow{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:12px 16px;color:var(--ink);transition:border-color .14s,box-shadow .14s,transform .14s}.ofc-folderrow:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);transform:translate(2px)}.ofc-folderrow:hover .ofc-folderrow__chev{opacity:1}.ofc-folderrow__icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.ofc-folderrow__main{flex:1.6;min-width:0}.ofc-folderrow__name{font-size:14px;font-weight:600}.ofc-folderrow__desc{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-folderrow__col{flex:1;font-size:13px;color:var(--ink-2);min-width:0}.ofc-folderrow__code{font-family:var(--mono);font-size:12px;color:var(--ink-2);flex:0 0 90px}.ofc-folderrow__count{display:flex;align-items:center;gap:5px;flex:0 0 56px;color:var(--ink-2);font-variant-numeric:tabular-nums}.ofc-folderrow__count svg{color:var(--ink-3)}.ofc-folderrow__when{flex:0 0 96px;color:var(--ink-3);font-size:12.5px}.ofc-folderrow__chev{color:var(--accent);opacity:0;transition:opacity .14s;flex-shrink:0}.ofc-contact{display:flex;gap:36px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 20px;margin-bottom:18px;flex-wrap:wrap}.ofc-contact__item{display:flex;flex-direction:column;gap:2px}.ofc-contact__k{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.ofc-contact__v{font-size:13.5px;color:var(--ink);font-weight:500}.ofc-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.ofc-table__head,.ofc-table__row{display:grid;align-items:center;grid-template-columns:42px minmax(220px,2.2fr) minmax(160px,1.8fr) 110px 130px 110px 84px;padding:0 16px}.ofc-table__head{height:42px;background:var(--surface-2);border-bottom:1px solid var(--line)}.ofc-table__th{display:flex;align-items:center;gap:4px;border:none;background:none;color:var(--ink-2);font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:0;text-align:left}.ofc-table__th:hover{color:var(--ink)}.ofc-table__th.is-sorted{color:var(--accent-ink)}.ofc-table__sort{color:var(--ink-3);transition:transform .15s}.ofc-table__sort.up{transform:rotate(180deg)}.ofc-table__th.is-sorted .ofc-table__sort{color:var(--accent)}.ofc-table__row{min-height:var(--row-h);border-bottom:1px solid var(--line-2);cursor:pointer;transition:background .12s}.ofc-table__row:last-child{border-bottom:none}.ofc-table__row:hover{background:var(--surface-2)}.ofc-table__row.is-sel{background:var(--accent-soft)}.ofc-c-name{display:flex;align-items:center;gap:11px;min-width:0;padding-right:12px}.ofc-c-name__text{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-c-desc{font-size:13px;color:var(--ink-2);padding-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-c-date{font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}.ofc-c-by{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);min-width:0}.ofc-c-by span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-c-act{display:flex;align-items:center;gap:2px;justify-content:flex-end;opacity:0;transition:opacity .13s}.ofc-table__row:hover .ofc-c-act{opacity:1}.ofc-check{display:grid;place-items:center;cursor:pointer}.ofc-check input{position:absolute;opacity:0;width:0;height:0}.ofc-check__box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;color:transparent;transition:all .13s}.ofc-check input:checked+.ofc-check__box{background:var(--accent);border-color:var(--accent);color:#fff}.ofc-check:hover .ofc-check__box{border-color:var(--accent)}.ofc-btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--radius-sm);font-weight:500;font-size:13.5px;border:1px solid transparent;transition:all .14s;white-space:nowrap}.ofc-btn--md{height:38px;padding:0 15px}.ofc-btn--sm{height:32px;padding:0 11px;font-size:13px;border-radius:7px}.ofc-btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.ofc-btn--primary:hover{background:var(--accent-strong)}.ofc-btn--default{background:var(--surface);color:var(--ink);border-color:var(--line)}.ofc-btn--default:hover{background:var(--surface-2)}.ofc-btn--ghost{background:transparent;color:var(--ink-2);border-color:var(--line)}.ofc-btn--ghost:hover{background:var(--surface-2);color:var(--ink)}.ofc-btn--danger{background:var(--danger);color:#fff}.ofc-btn--danger:hover{filter:brightness(.94)}.ofc-btn:disabled{opacity:.45;cursor:not-allowed}.ofc-iconbtn{width:34px;height:34px;border-radius:8px;border:none;background:none;color:var(--ink-2);display:grid;place-items:center;transition:all .13s}.ofc-iconbtn:hover{background:var(--surface-3);color:var(--ink)}.ofc-iconbtn.is-active{background:var(--accent-soft);color:var(--accent-ink)}.ofc-glyph{border-radius:8px;display:grid;place-items:center;flex-shrink:0;position:relative;font-family:var(--mono);font-weight:600}.ofc-glyph__tag{position:absolute;bottom:3px;letter-spacing:.04em}.ofc-avatar{border-radius:50%;display:grid;place-items:center;font-weight:600;flex-shrink:0}.ofc-badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:99px}.ofc-badge--neutral{background:var(--surface-3);color:var(--ink-2)}.ofc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1822306b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:20px;animation:ofc-fade .2s ease both}.ofc-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:100%;overflow:hidden;animation:ofc-pop .22s cubic-bezier(.2,.9,.3,1.2) both}@keyframes ofc-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}.ofc-modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line-2)}.ofc-modal__head h3{margin:0;font-size:16px;font-weight:600}.ofc-modal__body{padding:20px}.ofc-modal__sub{margin:0 0 16px;color:var(--ink-2);font-size:13.5px}.ofc-modal__foot{display:flex;align-items:center;gap:9px;padding:14px 20px;border-top:1px solid var(--line-2);background:var(--surface-2)}.ofc-field{display:block;margin-bottom:16px}.ofc-field__label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.ofc-field__label em{font-style:normal;color:var(--ink-3);font-weight:400;font-size:11.5px;margin-left:4px}.ofc-input{width:100%;height:40px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);font:inherit;font-size:14px;color:var(--ink);outline:none}.ofc-input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.ofc-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px;border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--ink-3);text-align:center;transition:all .15s}.ofc-drop:hover,.ofc-drop.is-drag{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.ofc-drop.has-file{border-style:solid;border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.ofc-drop__text{display:flex;flex-direction:column;gap:2px}.ofc-drop__text strong{font-size:14px;color:var(--ink)}.ofc-drop__text span{font-size:12.5px}.ofc-hint{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:12px;color:var(--ink-3)}.ofc-confirm{display:flex;gap:14px;align-items:flex-start}.ofc-confirm__icon{width:42px;height:42px;border-radius:11px;background:var(--danger-soft);color:var(--danger);display:grid;place-items:center;flex-shrink:0}.ofc-confirm p{margin:4px 0 0;font-size:14px;color:var(--ink-2);line-height:1.5}.ofc-preview{position:fixed;top:0;right:0;height:100%;width:520px;max-width:94vw;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:90;display:flex;flex-direction:column;animation:ofc-drawerin .3s cubic-bezier(.3,.8,.3,1)}@keyframes ofc-drawerin{0%{opacity:.5;box-shadow:none}to{opacity:1}}.ofc-preview__head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-2)}.ofc-preview__title{flex:1;min-width:0}.ofc-preview__title h3{margin:0;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-preview__title span{font-size:12.5px;color:var(--ink-3)}.ofc-preview__paper{flex:1;overflow:hidden;background:var(--surface-3);padding:24px;display:grid;place-items:start center}.ofc-preview__sheet{position:relative;width:100%;max-width:300px;aspect-ratio:8.5/11;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow-md);padding:28px 24px;display:flex;flex-direction:column;gap:11px;overflow:hidden}.ofc-skel{height:9px;border-radius:4px;background:var(--surface-3)}.ofc-skel--title{height:15px;width:60%!important;background:var(--line);margin-bottom:8px}.ofc-preview__watermark{position:absolute;bottom:20px;right:20px;opacity:.5}.ofc-preview__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:var(--shadow-md);background:var(--surface)}.ofc-preview__frame{width:100%;height:100%;min-height:60vh;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:var(--shadow-md)}.ofc-preview__paper:has(.ofc-preview__frame){padding:0}.ofc-preview__sheet--note{justify-content:center;align-items:center;text-align:center;gap:16px}.ofc-preview__note{color:var(--ink-3);font-size:13px;line-height:1.5}.ofc-preview__meta{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;padding:16px 20px;margin:0;border-top:1px solid var(--line-2);align-items:baseline}.ofc-preview__meta dt{font-size:12.5px;color:var(--ink-3);white-space:nowrap}.ofc-preview__meta dd{font-size:12.5px;color:var(--ink);margin:0;text-align:right;font-weight:500}.ofc-preview__foot{display:flex;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid var(--line-2);background:var(--surface-2)}.ofc-toasts{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:9px;z-index:200;align-items:center}.ofc-toast{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:9px 9px 9px 14px;border-radius:11px;box-shadow:var(--shadow-lg);font-size:13.5px;animation:ofc-toastin .25s ease both}@keyframes ofc-toastin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ofc-toast__icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#4cb86a;color:#fff;flex-shrink:0}.ofc-toast--danger .ofc-toast__icon{background:var(--danger)}.ofc-toast .ofc-iconbtn{color:#b9bec4;width:26px;height:26px}.ofc-toast .ofc-iconbtn:hover{background:#ffffff1f;color:#fff}.ofc-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:64px 20px;text-align:center}.ofc-empty__icon{width:56px;height:56px;border-radius:16px;background:var(--surface-3);color:var(--ink-3);display:grid;place-items:center}.ofc-empty h3{margin:6px 0 0;font-size:16px;font-weight:600}.ofc-empty p{margin:0;color:var(--ink-3);font-size:13.5px}@media(max-width:1080px){.ofc-hide-md{display:none!important}.ofc-table__head,.ofc-table__row{grid-template-columns:42px minmax(200px,2.4fr) minmax(140px,1.6fr) 110px 84px}}@media(max-width:720px){.ofc-hide-sm{display:none!important}.ofc-table__head,.ofc-table__row{grid-template-columns:42px 1fr 96px 64px}.ofc-sidebar,.ofc-folderrow__col{display:none}.ofc-folderrow__count{display:flex}}.ofc-spin{width:30px;height:30px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--accent);animation:ofc-spin .7s linear infinite;display:inline-block}@keyframes ofc-spin{to{transform:rotate(360deg)}}.ofc-splash{height:100%;display:grid;place-items:center;background:var(--bg)}.ofc-login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,var(--accent-soft),transparent 60%),var(--bg)}.ofc-login__panel{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 30px}.ofc-login__brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.ofc-login__panel h1{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0}.ofc-login__sub{margin:4px 0 22px;color:var(--ink-2);font-size:13.5px}.ofc-login__panel form .ofc-btn{width:100%;justify-content:center;margin-top:6px}.ofc-login__error{display:flex;align-items:center;gap:7px;margin:4px 0 14px;padding:9px 11px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:500}.ofc-login__hint{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-2);display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--ink-3)}.ofc-login__hint code{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);background:var(--surface-3);padding:1px 6px;border-radius:5px}.ofc-login__switch{margin-top:18px;font-size:13px;color:var(--ink-2)}.ofc-login__switch button{border:none;background:none;color:var(--accent-ink);font:inherit;font-weight:600;padding:0;cursor:pointer}.ofc-login__switch button:hover{text-decoration:underline}.ofc-social{margin-top:18px;display:flex;flex-direction:column;gap:9px}.ofc-social__divider{display:flex;align-items:center;gap:12px;margin:2px 0 6px;color:var(--ink-3);font-size:12px}.ofc-social__divider:before,.ofc-social__divider:after{content:"";flex:1;height:1px;background:var(--line-2)}.ofc-social__google{display:flex;justify-content:center;min-height:40px;color-scheme:light}.ofc-social__google>div{width:100%}.ofc-social__btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-1);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .13s,border-color .13s}.ofc-social__btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent-line)}.ofc-social__btn:disabled{opacity:.6;cursor:default}.ofc-social__btn svg{flex-shrink:0}.ofc-social__btn--apple{background:#000;border-color:#000;color:#fff}.ofc-social__btn--apple:hover:not(:disabled){background:#161617;border-color:#161617}.ofc-tenantpill{display:flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:5px 12px 5px 10px;font-size:12.5px;font-weight:600;max-width:220px;transition:background .13s,border-color .13s}.ofc-tenantpill:hover{background:var(--surface);border-color:var(--accent-line);color:var(--accent-ink)}.ofc-tenantpill svg{color:var(--accent);flex-shrink:0}.ofc-tenantpill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.ofc-tenantpill span{display:none}}@media(max-width:520px){.ofc-tenantpill{display:none}}.ofc-team__tenant{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line-2)}.ofc-team__tname{font-size:15px;font-weight:600}.ofc-team__tslug{font-size:12.5px;color:var(--ink-3)}.ofc-team__invite{display:flex;flex-direction:column;gap:9px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}.ofc-team__inviterow{display:flex;gap:9px}.ofc-team__inviterow .ofc-input{height:38px}.ofc-team__inviterow .ofc-btn{flex-shrink:0}.ofc-team__inviterow select.ofc-input{flex:0 0 110px}.ofc-team__list{display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.ofc-team__row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line-2)}.ofc-team__row:last-child{border-bottom:none}.ofc-team__who{flex:1;min-width:0}.ofc-team__name{font-size:13.5px;font-weight:600;display:flex;align-items:center}.ofc-team__email{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-team__role{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;font-size:11.5px;font-weight:600;text-transform:capitalize;padding:3px 11px;border-radius:999px}button.ofc-team__role:hover:not(:disabled){border-color:var(--accent-line);color:var(--accent-ink)}button.ofc-team__role:disabled{cursor:default;opacity:.7}.ofc-team__role.is-admin{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.ofc-keys__back{display:inline-flex;align-items:center;gap:5px;border:none;background:none;color:var(--ink-2);font:inherit;font-size:13px;font-weight:500;padding:0;cursor:pointer}.ofc-keys__back:hover{color:var(--accent-ink)}.ofc-keys__list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.ofc-keys__row{display:flex;align-items:center;gap:12px;padding:7px 4px}.ofc-keys__name{flex:1;min-width:0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-keys__seg{display:flex;background:var(--surface-3);border-radius:8px;padding:2px;gap:2px;flex-shrink:0}.ofc-keys__opt{border:none;background:none;color:var(--ink-2);font:inherit;font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;transition:all .13s}.ofc-keys__opt:hover{color:var(--ink)}.ofc-keys__opt.is-active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.ofc-folderrow--click{cursor:pointer}.ofc-share__add{display:flex;align-items:center;gap:9px;padding:12px 14px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.ofc-share__add svg{color:var(--ink-3);flex-shrink:0}.ofc-share__add .ofc-input{height:38px}.ofc-share__lvl{flex:0 0 120px}.ofc-share__section{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin:16px 0 8px}.ofc-share__list{display:flex;flex-direction:column}.ofc-share__empty{font-size:13px;color:var(--ink-3);padding:6px 2px}.ofc-share__row,.ofc-share__grow{display:flex;align-items:center;gap:12px;padding:8px 2px}.ofc-share__who{flex:1;min-width:0}.ofc-share__name{font-size:13.5px;font-weight:600;display:flex;align-items:center}.ofc-share__email{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-share__general{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:6px 14px}.ofc-share__grow{border-bottom:1px solid var(--line-2)}.ofc-share__grow:last-child{border-bottom:none}.ofc-share__gicon{width:34px;height:34px;border-radius:50%;background:var(--surface-3);color:var(--ink-2);display:grid;place-items:center;flex-shrink:0}.ofc-share__link{display:flex;align-items:center;gap:9px;padding:12px 2px 6px}.ofc-share__link svg{color:var(--ink-3);flex-shrink:0}.ofc-share__link .ofc-input{height:38px;font-size:12.5px;font-family:var(--mono)}.ofc-edit__row{display:flex;gap:12px}.ofc-edit__swatches{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.ofc-edit__swatch{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s}.ofc-edit__swatch:hover{transform:translateY(-1px)}.ofc-edit__swatch.is-active{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}.ofc-edit__icons{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.ofc-edit__icon{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);display:grid;place-items:center;cursor:pointer;transition:all .12s}.ofc-edit__icon:hover{background:var(--surface-2);color:var(--ink)}.ofc-edit__icon.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.ofc-welcome{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding:18px 20px;border-radius:var(--radius-lg);border:1px solid var(--accent-line);background:linear-gradient(100deg,var(--accent-soft),var(--surface));box-shadow:var(--shadow-sm)}.ofc-welcome__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}.ofc-welcome__body{flex:1;min-width:0}.ofc-welcome__body h3{font-size:16px;font-weight:600;margin:0 0 2px;color:var(--accent-ink)}.ofc-welcome__body p{margin:0;font-size:13.5px;color:var(--ink-2)}.ofc-onb{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(1100px 520px at 50% -10%,var(--accent-soft),transparent 60%),var(--bg)}.ofc-onb__head{text-align:center;max-width:620px;margin-bottom:30px}.ofc-onb__brand{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);margin-bottom:14px}.ofc-onb__brand .ofc-brand__mark{width:30px;height:30px}.ofc-onb__head h1,.ofc-onb__panel h1{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0}.ofc-onb__sub{color:var(--ink-2);font-size:15px;margin:8px 0 0}.ofc-onb__error{display:flex;align-items:center;gap:7px;margin:0 0 16px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:500}.ofc-onb__panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 30px;width:100%;max-width:560px}.ofc-onb__panel--narrow{max-width:420px;text-align:center}.ofc-onb__panel .ofc-brand__mark{width:44px;height:44px;border-radius:12px;margin-bottom:16px}.ofc-onb__guarantee{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:13.5px;color:var(--ink-2);font-weight:500}.ofc-onb__guarantee svg{color:var(--accent)}.ofc-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:920px;align-items:start}@media(max-width:820px){.ofc-plans{grid-template-columns:1fr}}.ofc-plan{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:26px 24px}.ofc-plan.is-rec{border-color:var(--accent);box-shadow:var(--shadow-lg)}.ofc-plan__badge{position:absolute;top:-12px;left:24px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:999px}.ofc-plan h3{font-size:18px;font-weight:600;margin:0 0 8px}.ofc-plan__price{font-size:15px;color:var(--ink-3);margin-bottom:18px}.ofc-plan__price span{font-size:34px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.ofc-plan ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}.ofc-plan li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}.ofc-plan li svg{color:var(--accent);flex-shrink:0}.ofc-plan .ofc-btn{width:100%;justify-content:center}.ofc-baa{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:18px 0;max-height:220px;overflow-y:auto}.ofc-baa p{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin:0 0 10px}.ofc-baa__note{font-size:12px!important;color:var(--ink-3)!important}.ofc-baa__note a,.ofc-baa a{color:var(--accent-ink);font-weight:600}.ofc-baa__agree{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;font-size:13.5px;color:var(--ink);cursor:pointer}.ofc-baa__agree input{margin-top:2px;width:17px;height:17px;accent-color:var(--accent)}.ofc-onb__panel .ofc-btn{width:100%;justify-content:center}.ofc-setup__name{height:34px;font-size:14px;font-weight:600;max-width:360px}.ofc-setup__add{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}.ofc-setup__addrow{display:flex;gap:9px;align-items:center}.ofc-setup__addrow .ofc-input{height:38px}.ofc-setup__addrow .ofc-input:first-child{flex:1}.ofc-setup__folders{margin:-4px 0 10px 40px;border-left:2px solid var(--line);padding:6px 0 10px 14px;display:flex;flex-direction:column;gap:6px}.ofc-setup__folderrow{display:flex;align-items:center;gap:9px}.ofc-setup__folderrow .ofc-setup__name{flex:1;max-width:420px}.ofc-setup__folderadd{display:flex;gap:9px;align-items:center;margin-top:4px}.ofc-setup__folderadd .ofc-input{height:34px;flex:1;max-width:420px}.ofc-public{min-height:100%;background:radial-gradient(1200px 600px at 50% -10%,var(--accent-soft),transparent 60%),var(--bg)}.ofc-public__bar{display:flex;align-items:center;gap:11px;height:60px;padding:0 clamp(16px,4vw,40px);background:var(--surface);border-bottom:1px solid var(--line)}.ofc-public__main{max-width:760px;margin:0 auto;padding:36px clamp(16px,4vw,24px) 64px}.ofc-public__panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.ofc-public__head{display:flex;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid var(--line-2)}.ofc-public__head h1{font-size:20px;font-weight:600;margin:0;letter-spacing:-.02em}.ofc-public__head p{margin:3px 0 0;font-size:13px;color:var(--ink-2)}.ofc-public__files{display:flex;flex-direction:column;padding:8px}.ofc-public__file{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:10px;text-decoration:none;color:var(--ink)}.ofc-public__file:hover{background:var(--surface-2)}.ofc-public__finfo{flex:1;min-width:0}.ofc-public__fname{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-public__fmeta{font-size:12px;color:var(--ink-3)}