@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans","Geist",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:"Plus Jakarta Sans","Geist",ui-sans-serif,system-ui,sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.inline{display:inline}.table{display:table}.table-row{display:table-row}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#edf3f8;--surface:#fff;--soft:#f4f7fa;--navy:#101d35;--blue:#168dc2;--yellow:#f5c300;--text:#142033;--muted:#758195;--line:#e4eaf0;--shadow:0 18px 50px #22395214}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);letter-spacing:-.015em;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline-offset:2px;outline:3px solid #168dc22e}.app-frame{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:20;border-radius:28px;flex-direction:column;width:238px;padding:24px 18px;display:flex;position:fixed;inset:16px auto 16px 16px;box-shadow:0 22px 60px #101d3538}.brand-lockup{align-items:center;gap:11px;padding:3px 6px 25px;display:flex}.brand-lockup div:last-child{display:grid}.brand-lockup span{color:#aeb9c9;font-size:11px}.mini-logo,.logo-mark{color:#fff;background:linear-gradient(145deg,#16a4dc,#087bad);place-items:center;font-weight:800;display:grid}.mini-logo{border-radius:13px;width:38px;height:38px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#aeb9c9;text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:11px;padding:12px 14px;display:flex}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#ffffff1c}.sidebar-tip{background:#ffffff14;border:1px solid #ffffff17;border-radius:20px;margin-top:auto;padding:16px}.sidebar-tip span,.sidebar-tip p{color:#aeb9c9;font-size:11px}.sidebar-tip strong{margin-top:7px;display:block}.sidebar-tip p{margin:4px 0 13px}.sidebar-tip button{color:var(--navy);background:#fff;border:0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.sidebar-foot{color:#aeb9c9;gap:9px;padding:20px 7px 2px;font-size:12px;display:flex}.main-area{min-height:100vh;padding-left:270px}.topbar{justify-content:space-between;align-items:center;height:98px;padding:16px 26px 10px 10px;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-size:10px;font-weight:800}.topbar h1{margin:3px 0;font-size:26px}.topbar-actions{align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--line);width:250px;height:44px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 15px;display:flex}.search-box input{border:0;outline:0;width:100%;font-size:12px}.month-input,.icon-button{border:1px solid var(--line);height:44px;color:var(--text);background:#fff;border-radius:999px;padding:0 13px}.icon-button{place-items:center;width:44px;display:grid}.primary-button,.secondary-button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 19px;font-weight:750;display:inline-flex}.primary-button{background:var(--navy);color:#fff}.primary-button.compact{font-size:12px}.secondary-button{border:1px solid var(--line);color:var(--text);background:#fff}.user-pill{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;display:flex}.user-pill>span,.avatar-button{color:#087eaf;background:#e0f2fa;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.user-pill div{display:grid}.user-pill small{color:var(--muted);font-size:9px}.user-pill strong{font-size:11px}.content-wrap{padding:8px 26px 40px 10px}.summary-row{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:14px;display:grid}.summary-card{border:1px solid var(--line);background:#fff;border-radius:21px;grid-template-columns:38px 1fr;align-items:center;column-gap:11px;padding:15px;display:grid;box-shadow:0 7px 25px #2239520a}.summary-icon{width:38px;height:38px;color:var(--blue);background:#edf7fb;border-radius:13px;grid-row:span 2;place-items:center;display:grid}.summary-card strong{font-size:21px;line-height:1}.summary-card span{color:var(--muted);font-size:10px}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:25px}.calendar-layout{grid-template-columns:minmax(500px,1.45fr) minmax(330px,.8fr);gap:14px;display:grid}.calendar-panel,.agenda-panel,.content-panel,.archive-panel,.activity-panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-head h2{margin:0 0 4px;font-size:18px}.panel-head p{color:var(--muted);margin:0;font-size:11px}.panel-actions{gap:7px;display:flex}.panel-actions>button{border:1px solid var(--line);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:36px;min-height:36px;font-size:11px;display:flex}.weekday-row,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.weekday-row span{text-align:center;color:var(--muted);padding:7px;font-size:10px;font-weight:700}.calendar-grid>button,.calendar-grid>div{border-radius:16px;min-height:78px}.calendar-grid>button{border:1px solid var(--line);text-align:left;background:#fafcfd;flex-direction:column;justify-content:space-between;padding:9px;display:flex}.calendar-grid>button:hover{border-color:#acd9ec}.calendar-grid>button.selected{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 12px 25px #101d3533}.calendar-grid>button.today:not(.selected) span{color:var(--blue);font-weight:800}.dots{gap:3px;display:flex}.dots i{border-radius:50%;width:5px;height:5px}.agenda-list{gap:10px;max-height:570px;padding-right:2px;display:grid;overflow:auto}.event-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:14px 14px 12px 19px;display:flex;position:relative;overflow:hidden}.brand-line{width:5px;position:absolute;inset:0 auto 0 0}.event-main{width:100%}.card-top,.card-foot,.quick-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.brand-name,.date-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:800}.status{color:#627084;white-space:nowrap;background:#eef2f5;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.status-aktif,.status-siap_upload{color:#087eaf;background:#e3f5fb}.status-selesai,.status-sudah_upload{color:#287a48;background:#e6f5ec}.status-revisi{color:#9c6e00;background:#fff4ce}.status-batal,.status-arsip{color:#8c4553;background:#f3e9eb}.event-card h3,.content-card h3{margin:8px 0;font-size:14px}.meta{color:var(--muted);flex-wrap:wrap;gap:8px 13px;font-size:10px;display:flex}.meta span{align-items:center;gap:4px;display:flex}.event-card p,.content-card p{color:#596579;font-size:11px;line-height:1.5}.card-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:10px;padding-top:9px;font-size:9px}.card-foot button{background:0 0;border:0}.filter-chips{gap:7px;margin-bottom:14px;display:flex;overflow:auto}.filter-chips button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:8px 12px;font-size:10px}.filter-chips button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.content-table{border:1px solid var(--line);border-radius:18px;overflow:hidden}.table-head,.table-row{grid-template-columns:120px 1.2fr 115px 1.5fr 100px 115px;align-items:center;gap:10px;padding:11px 14px;display:grid}.table-head{background:var(--soft);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:9px;font-weight:800}.table-row{border-top:1px solid var(--line);min-height:64px;font-size:11px}.table-row>span{gap:3px;display:grid}.table-row small{font-size:9px}.warning-text{color:#a77200}.complete-text{color:#2d8551;align-items:center;gap:3px;display:flex}.clamp{-webkit-line-clamp:2;color:#596579;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box!important}.row-actions{grid-template-columns:repeat(3,30px);grid-auto-flow:column;gap:4px!important;display:flex!important}.row-actions button,.row-actions a,.quick-actions button,.quick-actions a{border:1px solid var(--line);min-height:30px;color:var(--text);background:#fff;border-radius:9px;justify-content:center;align-items:center;text-decoration:none;display:flex}.mobile-content-list{display:none}.timeline{display:grid}.timeline article{border-bottom:1px solid var(--line);gap:13px;padding:16px 3px;display:flex}.timeline-icon{width:36px;height:36px;color:var(--blue);background:#edf7fb;border-radius:12px;place-items:center;display:grid}.timeline h3{margin:2px 0 5px;font-size:12px}.timeline p{color:var(--muted);margin:0;font-size:10px}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-state>div{background:var(--soft);border-radius:18px;place-items:center;width:52px;height:52px;margin:auto;display:grid}.empty-state h3{color:var(--text);margin:12px 0 5px;font-size:14px}.empty-state p{max-width:260px;margin:auto;font-size:11px}.mobile-header,.mobile-nav,.fab{display:none}.welcome-page{background:linear-gradient(145deg,#eaf3f8,#f8fbfd);place-items:center;min-height:100vh;padding:20px;display:grid;position:relative;overflow:hidden}.welcome-orb{filter:blur(3px);border-radius:50%;position:absolute}.orb-one{background:#d5edf7;width:340px;height:340px;top:-120px;right:-90px}.orb-two{background:#dce5f2;width:240px;height:240px;bottom:-90px;left:-50px}.welcome-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #fff;border-radius:32px;width:min(450px,100%);padding:34px;position:relative;box-shadow:0 30px 80px #22395226}.logo-mark{border-radius:20px;width:62px;height:62px;margin-bottom:25px;font-size:20px;box-shadow:0 12px 25px #168dc240}.welcome-card h1{letter-spacing:-.05em;margin:8px 0 12px;font-size:40px;line-height:1.08}.welcome-card p{color:var(--muted);margin-bottom:28px;font-size:13px;line-height:1.6}.field-label{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.soft-input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:var(--soft);width:100%;color:var(--text);border-radius:15px;padding:0 14px}.soft-input{height:50px;margin-bottom:12px}.welcome-card .primary-button{width:100%;height:50px}.welcome-note{color:var(--muted);justify-content:center;gap:6px;margin-top:20px;font-size:10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;background:#0c182b7a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.data-sheet{background:#fff;border-radius:28px;width:min(720px,100%);max-height:94vh;padding:24px;overflow:auto;box-shadow:0 30px 90px #0c182b40}.sheet-head{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.sheet-head h2{margin:5px 0}.sheet-head button,.menu-close{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid label>span{font-size:10px;font-weight:750}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{height:44px}.form-grid textarea{resize:vertical;min-height:90px;padding-top:12px}.pin-field{background:#f4f8fb;border-radius:18px;padding:14px}.form-error{color:#a34450;background:#fff0f1;border-radius:13px;padding:10px 13px;font-size:11px}.sheet-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.mobile-menu{text-align:center;background:#fff;border-radius:28px;width:min(360px,100%);padding:30px;position:relative}.menu-close{position:absolute;top:15px;right:15px}.large-avatar{color:#087eaf;background:#e0f2fa;border-radius:25px;place-items:center;width:70px;height:70px;margin:auto;font-size:25px;font-weight:800;display:grid}.mobile-menu h2{margin:15px 0 4px}.mobile-menu p{color:var(--muted);margin-bottom:20px;font-size:11px}@media (max-width:1100px){.search-box{width:190px}.user-pill div{display:none}.calendar-layout{grid-template-columns:1fr}.agenda-panel{max-height:none}.table-head,.table-row{grid-template-columns:105px 1.1fr 105px 1.3fr 80px 100px}}@media (max-width:900px){body{padding-bottom:84px}.sidebar,.topbar{display:none}.main-area{padding:0}.mobile-header{justify-content:space-between;align-items:start;padding:24px 18px 12px;display:flex}.mobile-header span{color:var(--blue);font-size:11px;font-weight:750}.mobile-header h1{margin:4px 0;font-size:21px}.mobile-header p{color:var(--muted);margin:0;font-size:9px}.avatar-button{border:0}.content-wrap{padding:10px 13px 26px}.summary-row{gap:8px;margin-bottom:12px;padding-bottom:2px;display:flex;overflow:auto}.summary-card{border-radius:18px;min-width:128px;padding:12px}.summary-icon{width:34px;height:34px}.summary-card strong{font-size:18px}.calendar-layout{display:block}.panel{border-radius:23px;box-shadow:0 10px 30px #2239520f}.calendar-panel,.agenda-panel,.content-panel,.archive-panel,.activity-panel{padding:15px}.agenda-panel{margin-top:11px}.panel-head{margin-bottom:13px}.panel-head h2{font-size:15px}.panel-head p{font-size:9px}.calendar-grid{gap:4px}.calendar-grid>button,.calendar-grid>div{border-radius:13px;min-height:46px}.calendar-grid>button{padding:6px;font-size:11px}.weekday-row{gap:4px}.weekday-row span{font-size:8px}.agenda-list{max-height:none}.event-card{border-radius:18px}.content-table{display:none}.mobile-content-list{gap:9px;display:grid}.content-card{border:1px solid var(--line);border-radius:19px;padding:14px}.content-card p{min-height:32px}.warning-box{color:#926a00;background:#fff7da;border-radius:10px;margin:8px 0;padding:8px;font-size:9px}.quick-actions{justify-content:flex-start;margin-top:10px}.quick-actions button,.quick-actions a{gap:5px;padding:0 9px;font-size:9px}.mobile-nav{z-index:50;background:var(--navy);border-radius:23px;grid-template-columns:repeat(4,1fr);padding:8px 5px;display:grid;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 15px 38px #101d3547}.mobile-nav button{color:#8793a7;background:0 0;border:0;border-radius:16px;justify-items:center;gap:3px;padding:6px 2px;font-size:8px;display:grid}.mobile-nav button.active{color:#fff;background:#ffffff1c}.fab{z-index:55;border:4px solid var(--bg);background:var(--blue);color:#fff;border-radius:19px;place-items:center;width:55px;height:55px;display:grid;position:fixed;bottom:86px;right:19px;box-shadow:0 14px 30px #168dc259}.modal-backdrop{align-items:flex-end;padding:0}.data-sheet{border-radius:28px 28px 0 0;max-height:94vh;padding:19px 16px 24px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.sheet-actions{background:#fff;padding:12px 0 4px;position:sticky;bottom:-24px}.sheet-actions>*{flex:1}.welcome-card{border-radius:28px;padding:27px}.welcome-card h1{font-size:34px}.logo-mark{border-radius:18px;width:56px;height:56px}.mobile-menu{border-radius:28px 28px 0 0;padding-bottom:40px}}.action-sheet{overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;border-radius:28px;width:min(440px,100%);max-height:calc(100dvh - 36px);padding:22px;overflow-y:auto;box-shadow:0 30px 90px #0c182b40}.content-action-sheet{width:min(940px,100vw - 36px)}.action-sheet>.sheet-head{z-index:5;border-bottom:1px solid var(--line);background:#fff;margin:-22px 0 10px;padding:22px 0 12px;position:sticky;top:-22px}.action-label{gap:6px;margin-bottom:12px;display:grid}.action-label>span{font-size:10px;font-weight:750}.action-label input,.action-label select{border:1px solid var(--line);background:var(--soft);border-radius:14px;width:100%;height:44px;padding:0 13px}.action-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.danger-button{color:#9c3c49;background:#fff0f1;border:0;border-radius:999px;min-height:44px;padding:0 18px;font-weight:750}.danger-button:disabled,.primary-button:disabled{opacity:.45;cursor:not-allowed}.content-table .table-head,.content-table .table-row{grid-template-columns:24px minmax(120px,.55fr) minmax(180px,1fr) minmax(130px,.55fr)}.content-table .table-row{cursor:pointer;transition:background .18s}.content-table .table-row:hover{background:#f8fbfd}.bulk-bar{background:#edf7fb;border-radius:15px;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex}.bulk-bar strong{margin-right:auto;font-size:11px}.panel-actions .active-filter{background:var(--navy);border-color:var(--navy);color:#fff}.content-filter-panel{background:var(--soft);border:1px solid var(--line);border-radius:17px;align-items:end;gap:8px;margin:-4px 0 14px;padding:11px;display:flex}.content-filter-panel label{gap:5px;min-width:260px;margin-right:auto;display:grid}.content-filter-panel label span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.content-filter-panel select{border:1px solid var(--line);background:#fff;border-radius:12px;height:40px;padding:0 11px;font-size:11px}.content-filter-panel button{min-height:40px;padding:0 13px;font-size:9px}.pin-input-wrap{position:relative}.pin-input-wrap input{padding-right:112px!important}.pin-input-wrap button{border:1px solid var(--line);height:32px;color:var(--navy);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:750;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.pin-input-wrap button:active{transform:translateY(calc(1px - 50%))}.welcome-card h1{color:var(--navy);letter-spacing:-.06em;font-weight:800}.clickable-row{cursor:pointer;transition:background-color .14s}.clickable-row:hover{background:#f4f9fc}.content-calendar-card{cursor:pointer}.briefing-field textarea{font-size:13px;line-height:1.65;min-height:190px!important}.content-detail{gap:10px;margin-bottom:14px;display:grid;grid-template-columns:1fr!important}.content-detail section{background:var(--soft);border:1px solid var(--line);border-radius:15px;width:100%;min-width:0;padding:13px}.content-detail span{text-transform:uppercase;letter-spacing:.09em;color:var(--blue);font-size:9px;font-weight:800}.content-detail p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;line-height:1.55}.form-grid select[name=startTime],.form-grid select[name=endTime]{font-variant-numeric:tabular-nums;font-weight:700}.recommendation-section{background:#f3f8fb;border:1px solid #dcecf3;border-radius:20px;margin-bottom:18px;padding:16px}.recommendation-section h3{margin:5px 0 3px;font-size:15px}.recommendation-section>p{color:var(--muted);margin:0 0 13px;font-size:10px}.recommendation-section .archive-list,.archive-list{gap:9px;display:grid}.archived-data-list{padding-top:2px}@media (max-width:900px){.action-sheet{border-radius:28px 28px 0 0;max-height:94vh;padding:19px 16px 28px}.quick-actions{flex-wrap:wrap}html,body{width:100%;max-width:100%;overflow-x:hidden}body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.app-frame,.main-area,.content-wrap,.calendar-layout,.panel,.event-main,.mobile-content-list{width:100%;min-width:0;max-width:100%}.mobile-header{padding:calc(18px + env(safe-area-inset-top)) 16px 12px;align-items:center}.mobile-header>div{min-width:0}.mobile-header h1{white-space:normal;font-size:20px;line-height:1.15}.mobile-header p{font-size:10px;line-height:1.4}.avatar-button{flex:0 0 40px;width:40px;height:40px}.content-wrap{padding:8px 12px 32px}.summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid;overflow:visible}.summary-card{border-radius:17px;grid-template-columns:34px minmax(0,1fr);column-gap:9px;min-width:0;min-height:68px;padding:11px}.summary-card strong{font-size:17px}.summary-card span{font-size:9px;line-height:1.25}.panel{border-radius:22px;overflow:hidden}.calendar-panel,.agenda-panel,.content-panel,.archive-panel,.activity-panel{padding:14px}.panel-head{align-items:flex-start;gap:8px}.panel-head>div:first-child{min-width:0}.panel-head h2{font-size:15px;line-height:1.25}.panel-head p{line-height:1.35}.panel-actions{flex:none;max-width:46%}.panel-actions>button{min-width:34px;min-height:34px}.panel-actions .secondary-button{min-height:34px;padding:0 11px;font-size:9px}.weekday-row,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%}.weekday-row span{min-width:0;padding:5px 0;font-size:7px}.calendar-grid>button,.calendar-grid>div{aspect-ratio:1;border-radius:11px;width:100%;min-width:0;min-height:0}.calendar-grid>button{padding:5px;font-size:10px}.dots{gap:2px}.dots i{width:4px;height:4px}.agenda-panel{margin-top:10px}.agenda-list{padding:0;overflow:visible}.event-card{width:100%;min-width:0;padding:13px 12px 11px 17px}.card-top,.card-foot{min-width:0}.brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status{flex:none;padding:4px 7px;font-size:8px}.event-card h3,.content-card h3{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.meta{font-size:9px}.event-card p,.content-card p{overflow-wrap:anywhere}.content-panel .panel-head .secondary-button{display:none}.filter-chips{scrollbar-width:none;width:100%;max-width:100%;padding-bottom:3px}.filter-chips::-webkit-scrollbar{display:none}.mobile-content-list{gap:8px}.content-card{border-radius:17px;width:100%;min-width:0;padding:13px;overflow:hidden}.content-card .card-top>div{min-width:0}.content-card-compact{justify-content:space-between;align-items:center;gap:14px;min-height:78px;display:flex}.content-card-compact>div:first-child{min-width:0}.content-card-compact h3{overflow-wrap:normal;word-break:normal;margin:6px 0 0}.content-card-status{color:var(--muted);flex:none;align-items:center;gap:8px;display:flex}@media (max-width:900px){.content-panel .content-table{display:none}.content-panel .mobile-content-list{gap:9px;display:grid}.content-panel .content-card-compact{padding:14px 15px}.content-panel .content-card-status svg{display:block}}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.quick-actions button,.quick-actions a{width:100%;min-width:0;min-height:36px;padding:0 6px;font-size:9px}.mobile-nav{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 5px}.mobile-nav button{min-width:0;min-height:48px;padding:5px 1px}.mobile-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fab{right:16px;bottom:calc(82px + env(safe-area-inset-bottom));border-radius:18px;width:52px;height:52px}.modal-backdrop{width:100%;max-width:100%;overflow:hidden}.data-sheet,.action-sheet,.mobile-menu{border-radius:24px 24px 0 0;width:100%;max-width:100%}.data-sheet{max-height:calc(100dvh - env(safe-area-inset-top));padding:18px 14px calc(18px + env(safe-area-inset-bottom));overflow-x:hidden}.sheet-head{z-index:4;background:#fff;margin:-18px 0 12px;padding:18px 0 10px;position:sticky;top:-18px}.sheet-head>div{min-width:0}.sheet-head h2{font-size:17px;line-height:1.25}.form-grid{gap:12px;width:100%}.form-grid label,.pin-input-wrap{width:100%;min-width:0}.form-grid input,.form-grid select,.form-grid textarea{max-width:100%;font-size:16px}.form-grid textarea{min-height:110px}.briefing-field textarea{min-height:180px!important}.pin-field{border-radius:16px;padding:12px}.pin-input-wrap input{padding-right:92px!important}.pin-input-wrap button{padding:0 8px;right:6px}.pin-input-wrap button span{display:none}.sheet-actions{bottom:calc(-18px - env(safe-area-inset-bottom));padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);margin:12px -14px -18px;box-shadow:0 -8px 24px #22395212}.sheet-actions>*{min-width:0;padding:0 11px;font-size:12px}.welcome-page{width:100%;padding:16px}.welcome-card{border-radius:26px;width:100%;max-width:420px;padding:25px}.welcome-card h1{font-size:32px;line-height:1.05}.welcome-card p{margin-bottom:22px;font-size:12px}}@media (max-width:360px){.content-wrap{padding-inline:9px}.calendar-panel,.agenda-panel,.content-panel,.archive-panel,.activity-panel{padding:11px}.summary-card{padding:9px}.summary-icon{width:30px;height:30px}.summary-card strong{font-size:16px}.calendar-grid>button{padding:4px;font-size:9px}.weekday-row span{font-size:6px}}.sidebar-foot{text-align:left;background:0 0;border:0;align-items:center}.sidebar-foot:hover{color:#fff}.sidebar-logout{color:#f0b8bf}.sidebar-logout:hover{color:#fff;background:#ffffff14;border-radius:12px}.topbar>div:first-child h1{color:var(--navy);letter-spacing:-.045em;font-size:32px;font-weight:850;line-height:1.08}.calendar-panel>.panel-head h2{color:var(--navy);letter-spacing:-.035em;font-size:24px;font-weight:850;line-height:1.1}@media (max-width:900px){.calendar-panel>.panel-head h2{font-size:19px;font-weight:850}}.client-manager{background:#fff;border-radius:28px;width:min(680px,100%);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 30px 90px #0c182b40}.client-manager .sheet-head p{color:var(--muted);margin:3px 0 0;font-size:11px}.client-add-grid{background:var(--soft);border-radius:19px;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-bottom:15px;padding:14px;display:grid}.client-add-grid .action-label{margin:0}.client-add-grid input{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;height:44px;padding:0 13px}.client-list{gap:8px;display:grid}.client-list article{border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.client-list article>div{gap:4px;display:grid}.client-list strong{font-size:12px}.client-list span{font-size:9px;font-weight:750}.client-active{color:#287a48}.client-hidden{color:#8c4553}.client-list button{min-height:36px;padding:0 13px;font-size:10px}.mobile-menu-actions{gap:8px;display:grid}.mobile-menu-actions button{width:100%}@media (max-width:900px){.client-manager{width:100%;max-height:94vh;padding:18px 14px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.client-add-grid{grid-template-columns:1fr;padding:12px}.client-list article{align-items:flex-start}.client-list button{white-space:normal;max-width:130px;line-height:1.25}.sidebar-foot{display:none}.content-panel .panel-head .secondary-button{text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:inline-flex;overflow:hidden}.content-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;padding:10px;display:grid}.content-filter-panel label{grid-column:1/-1;min-width:0}.content-filter-panel button{width:100%}}.mini-logo,.logo-mark{background:#1b9dcc;padding:0;overflow:hidden}.mini-logo img,.logo-mark img{object-fit:cover;width:100%;height:100%;display:block}.status-siap_dihapus{color:#8a6500;background:#fff4ce}.status-terhapus{color:#8c4553;background:#f3e9eb}.status-ready_to_take{color:#6751a5;background:#eee9fb}.upload-field{gap:10px;display:grid}.upload-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.upload-title>div{gap:3px;display:grid}.upload-title strong{font-size:11px}.upload-title span{color:var(--muted);font-size:9px}.upload-title b{color:var(--blue);white-space:nowrap;font-size:10px}.upload-drop{color:var(--blue);cursor:pointer;background:#f3f9fc;border:1px dashed #9dc9da;border-radius:18px;align-content:center;place-items:center;gap:7px;min-height:105px!important;display:grid!important}.upload-drop span{color:var(--muted);font-size:10px!important}.upload-drop input{display:none}.upload-preview-grid,.file-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.upload-preview-grid article,.file-gallery article{border:1px solid var(--line);background:#fff;border-radius:15px;position:relative;overflow:hidden}.upload-preview-grid img,.file-gallery img{object-fit:cover;width:100%;height:92px;display:block}.upload-preview-grid article>div,.file-gallery article>div{gap:2px;padding:8px;display:grid}.upload-preview-grid strong,.file-gallery strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.upload-preview-grid span,.file-gallery span{color:var(--muted);font-size:8px}.upload-preview-grid article>button:not(.photo-preview-trigger){color:#9c3c49;background:#ffffffeb;border:0;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:5px;right:5px}.existing-photo-field{border:1px solid var(--line);background:var(--soft);border-radius:18px;gap:10px;min-width:0;padding:12px;display:grid}.existing-photo-head{gap:8px;display:grid}.existing-photo-bulk{justify-content:flex-end;gap:6px;display:flex}.existing-photo-bulk button{min-height:34px;padding:0 12px;font-size:8px}.existing-photo-grid{gap:10px;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))!important;display:grid!important}.existing-photo-grid article{border:1px solid var(--line);opacity:.48;background:#fff;border-radius:15px;min-width:0;position:relative;overflow:hidden}.existing-photo-grid article.selected{opacity:1}.existing-photo-grid article.hidden-photo{border-style:dashed}.existing-photo-grid img{object-fit:cover;width:100%;height:150px;display:block}.existing-photo-grid article>div{gap:2px;padding:8px;display:grid}.existing-photo-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.existing-photo-grid span{color:var(--muted);font-size:8px}.existing-photo-grid article>button:not(.photo-preview-trigger){border-radius:9px;justify-content:center;align-items:center;gap:4px;width:calc(100% - 14px);min-height:32px;margin:0 7px 7px;padding:0 5px;font-size:8px;display:flex}.file-detail-section{border-top:1px solid var(--line);margin:14px 0;padding-top:13px}.file-section-head{z-index:4;background:#fff;justify-content:space-between;align-items:center;gap:8px;margin:0 -2px 10px;padding:8px 2px;display:flex;position:sticky;top:62px}.file-section-head>div{display:grid}.file-section-head span{color:var(--muted);font-size:9px}.file-section-head strong{font-size:12px}.file-section-head input{border:1px solid var(--line);background:var(--soft);border-radius:12px;width:220px;height:38px;padding:0 10px;font-size:10px}.content-action-sheet .file-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.content-action-sheet .file-gallery img{height:150px}.file-actions{grid-template-columns:1fr;gap:4px!important;padding-top:0!important;display:grid!important}.file-actions a,.file-actions button{border:1px solid var(--line);min-height:32px;color:var(--text);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:8px;text-decoration:none;display:flex}.file-actions button{color:#9c3c49}.file-empty{color:var(--muted);background:var(--soft);border-radius:13px;padding:12px;font-size:10px}.deleted-files{color:var(--muted);margin-top:10px;font-size:10px}.deleted-files p{margin:5px 0}.storage-panel{padding:24px}.storage-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.storage-heading h2{margin:4px 0}.storage-heading p{color:var(--muted);margin:0;font-size:11px}.storage-warning{color:#7a5b00;background:#fff4ce;border-radius:15px;align-items:center;gap:9px;margin-bottom:14px;padding:12px;font-size:11px;display:flex}.storage-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.storage-summary article{border:1px solid var(--line);background:var(--soft);color:var(--blue);border-radius:18px;grid-template-columns:25px 1fr;gap:5px;padding:15px;display:grid}.storage-summary strong{color:var(--text);font-size:17px}.storage-summary span{color:var(--muted);grid-column:1/-1;font-size:9px}.storage-toolbar{grid-template-columns:repeat(3,minmax(155px,1fr)) repeat(3,minmax(135px,auto));gap:10px;margin-bottom:14px;display:grid}.storage-toolbar input,.storage-toolbar select{border:1px solid var(--line);background:var(--soft);border-radius:15px;height:50px;padding:0 14px;font-size:12px}.storage-toolbar button{min-height:50px;padding-inline:17px;font-size:11px}.storage-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.storage-row{border-top:1px solid var(--line);grid-template-columns:24px 54px minmax(180px,1.5fr) 80px 100px 100px 40px;align-items:center;gap:8px;padding:9px 11px;font-size:10px;display:grid}.storage-row:first-child{border:0}.storage-head{background:var(--soft);text-transform:uppercase;color:var(--muted);font-size:8px;font-weight:800}.storage-row>span{gap:2px;min-width:0;display:grid}.storage-row img{object-fit:cover;border-radius:8px;width:48px;height:42px}.storage-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.storage-row small{color:var(--muted);font-size:8px}.storage-row a{border:1px solid var(--line);width:32px;height:32px;color:var(--text);border-radius:9px;place-items:center;display:grid}.storage-recommendation{background:#fff8df;border:1px solid #f2df9a;border-radius:16px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.storage-recommendation>div{margin-right:auto;display:grid}.storage-recommendation strong{font-size:11px}.storage-recommendation span{color:#806412;font-size:9px}.storage-recommendation button{min-height:36px;padding:0 12px;font-size:9px}.storage-search{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.storage-search button{padding-inline:14px}.storage-empty{text-align:center;color:var(--muted);place-items:center;gap:7px;padding:42px 20px;display:grid}.storage-empty strong{color:var(--text)}.storage-empty span{font-size:10px}.storage-empty button{margin-top:4px}.storage-selection-bar{background:#f3f8fb;border:1px solid #dcecf3;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.storage-selection-bar>div{gap:3px;display:grid}.storage-selection-bar strong{font-size:12px}.storage-selection-bar span{color:var(--muted);font-size:9px}.storage-selection-bar button{min-height:44px;padding:0 17px;font-size:10px}@media (max-width:1050px){.storage-summary{grid-template-columns:repeat(3,1fr)}.storage-toolbar{grid-template-columns:repeat(2,1fr)}.storage-toolbar button{width:100%}}@media (max-width:900px){.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.action-sheet,.content-action-sheet{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top));scrollbar-gutter:auto;overflow-y:auto}.action-sheet>.sheet-head{margin:-19px 0 10px;padding:19px 0 11px;top:-19px}.content-action-sheet .content-detail{grid-template-columns:1fr}.upload-preview-grid,.file-gallery,.content-action-sheet .file-gallery,.existing-photo-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-action-sheet .file-gallery img,.existing-photo-grid img{height:120px}.existing-photo-bulk{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.file-section-head{flex-direction:column;align-items:flex-start;margin-inline:0;padding:8px 0;top:56px}.file-section-head input{width:100%}.storage-panel{padding:14px}.storage-heading{align-items:flex-start}.storage-heading .secondary-button{padding:0 11px;font-size:9px}.storage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-recommendation{grid-template-columns:repeat(2,1fr);align-items:stretch;display:grid}.storage-recommendation>div,.storage-recommendation button:last-child{grid-column:1/-1}.storage-toolbar{grid-template-columns:1fr}.storage-table{border:0;gap:8px;display:grid}.storage-head{display:none}.storage-row{border-radius:14px;grid-template-columns:25px 54px minmax(0,1fr) 34px;padding:9px;border:1px solid var(--line)!important}.storage-row>span:nth-child(4),.storage-row>span:nth-child(5),.storage-row>span:nth-child(6){grid-column:3}.storage-row>span:nth-child(7){grid-area:1/4/4}.upload-title{align-items:flex-start}.upload-title>div{max-width:75%}.storage-selection-bar{align-items:stretch;display:grid}.storage-selection-bar button{width:100%}}.dots{flex-wrap:wrap;align-items:center;gap:5px;max-width:100%}.dots i{flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 1px #101d3514}.event-card{padding-left:24px}.brand-line{width:8px}.brand-name{letter-spacing:.12em;color:#5e6d83;font-size:12px;font-weight:850}@media (max-width:900px){.dots{gap:3px}.dots i{flex-basis:6px;width:6px;height:6px}.event-card{padding-left:22px}.brand-line{width:7px}.brand-name{letter-spacing:.1em;font-size:11px}}.sidebar-account{margin-top:0}.account-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.account-settings .sheet-head,.account-settings>.form-error,.account-settings>.form-success{grid-column:1/-1}.account-settings section{background:var(--soft);border:1px solid var(--line);border-radius:18px;gap:9px;padding:14px;display:grid}.account-settings h3{margin:0 0 3px;font-size:13px}.account-settings input,.user-manager input{border:1px solid var(--line);background:#fff;border-radius:14px;height:44px;padding:0 13px}.form-success{color:#287a48;background:#e6f5ec;border-radius:13px;padding:10px 13px;font-size:11px}.user-manager{width:min(920px,100%)}.user-manager .client-add-grid{grid-template-columns:1fr 1.4fr 1fr auto}.user-admin-actions{flex-wrap:wrap;justify-content:flex-end;display:flex!important}.user-admin-actions button{min-height:34px}.user-manager .client-list article>div:first-child{min-width:210px}.user-manager .client-list article>div:first-child span{color:var(--muted)}@media (max-width:900px){.account-settings,.user-manager .client-add-grid{grid-template-columns:1fr}.user-manager .client-list article{display:grid}.user-admin-actions{justify-content:stretch}.user-admin-actions button{width:100%;max-width:none}}.login-password-control{margin-bottom:12px;position:relative}.login-password-control .soft-input{margin-bottom:0;padding-right:100px}.login-password-control button{color:var(--navy);background:#fff;border:0;border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-size:10px;font-weight:750;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.clickable-card{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.clickable-card:hover{border-color:#b8dcea;transform:translateY(-1px);box-shadow:0 10px 24px #22395217}.clickable-card:focus-visible{outline-offset:2px;outline:3px solid #168dc238}.calendar-detail{grid-template-columns:1fr;gap:10px;margin-bottom:16px;display:grid}.calendar-detail section{background:var(--soft);border:1px solid var(--line);border-radius:16px;gap:7px;width:100%;min-width:0;padding:16px;display:grid}.calendar-detail .wide{grid-column:auto}.calendar-detail span{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-size:9px;font-weight:850}.calendar-detail strong,.calendar-detail p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.62}.calendar-detail strong{color:var(--text);font-weight:800}@media (max-width:900px){.clickable-card:hover{transform:none}}.storage-client-filter{background:#edf7fb;border:1px solid #d4eaf3;border-radius:17px;grid-template-columns:minmax(0,1fr) minmax(280px,2fr);align-items:center;gap:5px 14px;margin-bottom:12px;padding:12px 14px;display:grid}.storage-client-filter span{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:850}.storage-client-filter select{width:100%;height:50px;color:var(--text);background:#fff;border:1px solid #cfe1e9;border-radius:14px;grid-area:1/2/3;padding:0 14px;font-size:13px;font-weight:700}.storage-client-filter small{color:var(--muted);font-size:10px}@media (max-width:900px){.storage-client-filter{grid-template-columns:1fr;padding:11px}.storage-client-filter select{grid-area:auto}.storage-client-filter small{order:3}}.photo-preview-trigger{cursor:zoom-in;overflow:hidden;width:100%!important;height:auto!important;min-height:0!important;color:inherit!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}.photo-preview-trigger>img{object-fit:cover;width:100%;display:block}.photo-preview-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c182b6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.photo-preview-panel{background:#fff;border:1px solid #ffffffbf;border-radius:18px;gap:8px;padding:10px;display:grid;box-shadow:0 20px 60px #0c182b47;width:380px!important;max-width:calc(100vw - 36px)!important;max-height:540px!important}.photo-preview-panel>div{justify-content:space-between;align-items:center;gap:9px;padding:1px 1px 0 4px;display:flex}.photo-preview-panel strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.photo-preview-panel button{border:1px solid var(--line);width:30px;height:30px;color:var(--text);background:#fff;border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.photo-preview-panel>img{background:var(--soft);border-radius:10px;object-fit:contain!important;width:100%!important;height:auto!important;max-height:460px!important;display:block!important}@media (max-width:900px){.photo-preview-backdrop{padding:12px}.photo-preview-panel{border-radius:17px;padding:9px;width:340px!important;max-width:calc(100vw - 24px)!important;max-height:500px!important}.photo-preview-panel>img{max-height:430px!important}}@media (min-width:761px){.brand-lockup strong{font-size:15px}.brand-lockup span{font-size:12px}.sidebar nav button{font-size:15px}.sidebar-foot{font-size:13px}.sidebar-tip span,.sidebar-tip p{font-size:12px}.sidebar-tip strong{font-size:16px}.eyebrow{font-size:11px}.topbar h1{font-size:28px}.search-box input,.month-input,.primary-button.compact{font-size:13px}.user-pill small{font-size:10px}.user-pill strong{font-size:12px}.summary-card strong{font-size:23px}.summary-card span{font-size:11px}.panel-head h2{font-size:20px}.panel-head p{font-size:12px}.weekday-row span{font-size:11px}.calendar-grid>button{font-size:15px}.brand-name,.date-kicker{font-size:13px}.status{font-size:10px}.event-card h3,.content-card h3{font-size:15px}.meta{font-size:11px}.event-card p,.content-card p{font-size:12.5px;line-height:1.58}.card-foot{font-size:10px}.action-sheet>.sheet-head h2{font-size:19px}.action-label>span{font-size:11px}.action-label input,.action-label select,.action-grid button{font-size:13px}.content-detail section{padding:16px}.content-detail span{font-size:11px}.content-detail p{font-size:13px;line-height:1.65}.file-section-head span{font-size:10px}.file-section-head strong{font-size:13px}.file-empty,.deleted-files{font-size:11px}.calendar-detail span{font-size:10px}.calendar-detail strong,.calendar-detail p{font-size:13px}}@media (min-width:761px) and (max-width:900px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.sidebar,.topbar{display:none!important}.main-area{padding-left:0!important}.mobile-header{padding:calc(18px + env(safe-area-inset-top)) 18px 12px;justify-content:space-between;align-items:center;display:flex}.mobile-header h1{font-size:24px;line-height:1.12}.mobile-header p{font-size:11px}.content-wrap{padding:10px 16px 34px}.calendar-layout{display:block}.agenda-panel{margin-top:12px}.mobile-nav{z-index:50;bottom:max(8px,env(safe-area-inset-bottom));background:var(--navy);border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 6px;position:fixed;left:14px;right:14px;box-shadow:0 15px 38px #101d3547;display:grid!important}.mobile-nav button{color:#8793a7;background:0 0;border:0;border-radius:16px;justify-items:center;gap:3px;min-height:50px;padding:6px 2px;font-size:10px;display:grid}.mobile-nav button.active{color:#fff;background:#ffffff1c}.fab{z-index:55;border:4px solid var(--bg);background:var(--blue);color:#fff;border-radius:20px;place-items:center;width:58px;height:58px;display:grid;position:fixed;bottom:92px;right:22px;box-shadow:0 14px 30px #168dc259}}.archive-bulk-bar{background:#f3f8fb;border:1px solid #dcecf3;border-radius:17px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.archive-bulk-bar>div{gap:3px;margin-right:auto;display:grid}.archive-bulk-bar strong{font-size:12px}.archive-bulk-bar span{color:var(--muted);font-size:10px}.archive-selectable{grid-template-columns:34px minmax(0,1fr);align-items:stretch;gap:8px;display:grid;position:relative}.archive-selectable>label{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#f8fbfd;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;font-weight:800;display:flex}.archive-selectable>label input{width:16px;height:16px}.archive-delete-warning{color:#7c4a21;background:#fff7df;border:1px solid #f1df9d;border-radius:14px;margin:0 0 13px;padding:12px;font-size:12px;line-height:1.55}@media (max-width:900px){.archive-bulk-bar{grid-template-columns:1fr 1fr;display:grid}.archive-bulk-bar>div{grid-column:1/-1}.archive-bulk-bar button{width:100%}.archive-selectable{grid-template-columns:1fr}.archive-selectable>label{flex-direction:row;justify-content:flex-start;min-height:40px;padding:0 12px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}