:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f4f6;color:#111827}*{box-sizing:border-box}html:not(.auth-navigation-ready) [data-admin-only="true"]{display:none!important}body{margin:0;min-height:100vh;background:#f7fafb;padding-left:calc(100vw / 6);position:relative}body::before{content:"";position:fixed;top:0;left:0;width:calc(100vw / 6);height:100vh;background:#057589;z-index:0}.sidebar-logo-wrap{position:fixed;top:4px;left:12px;width:calc((100vw / 6) - 32px);max-width:150px;transform:scale(.9504);transform-origin:left top;overflow:visible;z-index:2;pointer-events:none}.sidebar-logo{width:100%;height:auto;object-fit:contain;display:block}.sidebar-nav{position:fixed;top:112px;left:12px;width:calc((100vw / 6) - 24px);max-width:230px;display:flex;flex-direction:column;gap:6px;z-index:2}.sidebar-user-info{position:fixed;left:12px;bottom:14px;width:calc((100vw / 6) - 24px);max-width:230px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(212,242,247,.2);border:1px solid rgba(212,242,247,.4);backdrop-filter:blur(2px);z-index:2}.sidebar-user-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.sidebar-user-info .user-name{color:#f3fdff;font-weight:700;font-size:14px;line-height:1.2}.sidebar-user-info .user-role,.sidebar-user-info .user-handle{color:#d1ecf2;font-size:12px;line-height:1.2}.profile-more-btn{width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:#d4f2f7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.profile-more-btn:hover{background:rgba(212,242,247,.28);color:#f3fdff}.profile-menu-popup{position:absolute;right:6px;bottom:calc(100% + 8px);min-width:170px;background:#0a6b7e;border:1px solid rgba(212,242,247,.35);border-radius:12px;box-shadow:0 12px 28px rgba(4,43,52,.35);padding:6px;display:none;z-index:4}.profile-menu-popup.show{display:block}.profile-menu-item{width:100%;border:0;background:transparent;color:#d4f2f7;text-decoration:none;font-size:.93rem;font-weight:600;border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.profile-menu-item:hover{background:rgba(212,242,247,.28);color:#f3fdff}.sidebar-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:999px;text-decoration:none;color:#d4f2f7;font-size:1rem;font-weight:600;letter-spacing:.1px;transition:background-color .18s ease,color .18s ease,transform .18s ease;position:relative}.sidebar-link:hover{background:rgba(212,242,247,.42);color:#f3fdff;transform:translateX(1px)}.sidebar-link.active{background:rgba(212,242,247,.42);color:#f3fdff}.sidebar-link .nav-icon{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-link .home-icon{width:26px;height:26px;stroke-width:2.4}.sidebar-link .nav-label{white-space:nowrap;line-height:1}.nav-notification-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ffcf43;color:#694f00;font-size:.7rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.page{width:100%;min-height:100vh;position:relative;z-index:1;padding:26px 28px}.mailbox-shell{max-width:1320px;margin:0 auto}.mailbox-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:#057589;font-size:.72rem;font-weight:900;letter-spacing:.12em}.mailbox-header h1{margin:0;color:#12313a;font-size:1.8rem;line-height:1.15}.mailbox-subtitle{margin:6px 0 0;color:#64748b;font-size:.9rem}.season-pill{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:#e8f5f7;color:#087184;font-size:.78rem;font-weight:850;white-space:nowrap}.mailbox-layout{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:650px;background:#fff;border:1px solid #dbe5ec;border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.07);overflow:hidden}.mailbox-folders{padding:18px 12px;background:#f8fbfc;border-right:1px solid #e5edf2;display:flex;flex-direction:column;gap:7px}.mail-folder{width:100%;border:0;background:transparent;border-radius:10px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#475569;font:inherit;font-size:.82rem;font-weight:750;cursor:pointer;text-align:left}.mail-folder:hover{background:#eef7f8}.mail-folder.active{background:#e4f4f6;color:#075f70}.mail-folder.pending .folder-count{background:#fff3bf;color:#7d5d00}.mail-folder.verified .folder-count{background:#dff7ed;color:#08765a}.mail-folder.rejected .folder-count{background:#ffe7ea;color:#b4233a}.folder-count{min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:#e8edf2;color:#475569;font-size:.7rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.mailbox-main{min-width:0;display:flex;flex-direction:column}.mailbox-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 220px;gap:10px;padding:15px 16px;border-bottom:1px solid #e5edf2}.mail-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 11px}.mail-search-wrap svg{width:17px;height:17px;stroke:#64748b;fill:none;stroke-width:2;flex-shrink:0}.mail-search-wrap input,#mailUnitFilter{width:100%;height:38px;border:0;outline:0;background:transparent;color:#0f172a;font:inherit;font-size:.82rem}.mail-search-wrap:focus-within,#mailUnitFilter:focus{box-shadow:0 0 0 2px rgba(5,117,137,.14)}#mailUnitFilter{border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff}.mail-list-head{display:grid;grid-template-columns:110px minmax(280px,1.5fr) 180px 130px 110px;gap:10px;padding:9px 16px;background:#f8fafc;border-bottom:1px solid #e5edf2;color:#718096;font-size:.69rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.mail-list{min-height:0;overflow:auto}.mail-row{display:grid;grid-template-columns:110px minmax(280px,1.5fr) 180px 130px 110px;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid #edf2f5;text-decoration:none;color:inherit;transition:background .15s ease}.mail-row:hover{background:#f5fafb}.mail-row:last-child{border-bottom:0}.mail-status{display:inline-flex;align-items:center;gap:7px;font-size:.73rem;font-weight:850}.mail-status::before{content:"";width:9px;height:9px;border-radius:50%;flex-shrink:0}.mail-status.completed{color:#8a6500}.mail-status.completed::before{background:#f6bd16}.mail-status.verified{color:#08765a}.mail-status.verified::before{background:#1ea97c}.mail-status.rejected{color:#b4233a}.mail-status.rejected::before{background:#e15265}.mail-subject{min-width:0}.mail-subject strong{display:block;color:#173640;font-size:.82rem;font-weight:820;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-subject small{display:block;margin-top:4px;color:#718096;font-size:.71rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-unit,.mail-period,.mail-deadline{color:#475569;font-size:.76rem;line-height:1.25}.mail-period{font-weight:750;color:#334155}.mail-deadline{font-variant-numeric:tabular-nums}.mail-empty{padding:56px 24px;text-align:center;color:#718096;font-size:.86rem}.mail-error{color:#b4233a}.mailbox-main.is-disabled .mailbox-toolbar,.mailbox-main.is-disabled .mail-list-head{display:none}@media(max-width:1100px){.sidebar-link{padding:9px 12px;font-size:.93rem;gap:10px}.sidebar-link .nav-icon{width:19px;height:19px}.sidebar-link .home-icon{width:23px;height:23px}.page{padding:20px}.mailbox-layout{grid-template-columns:190px minmax(0,1fr)}.mail-list-head,.mail-row{grid-template-columns:100px minmax(220px,1.4fr) 145px 110px 100px}.mailbox-toolbar{grid-template-columns:1fr 180px}}@media(max-width:820px){body{padding-left:0}body::before,.sidebar-logo-wrap,.sidebar-nav,.sidebar-user-info{display:none}.page{padding:14px}.mailbox-header{align-items:flex-start;flex-direction:column}.mailbox-layout{grid-template-columns:1fr}.mailbox-folders{border-right:0;border-bottom:1px solid #e5edf2;flex-direction:row;overflow-x:auto}.mail-folder{min-width:max-content}.mailbox-toolbar{grid-template-columns:1fr}.mail-list-head{display:none}.mail-row{grid-template-columns:95px 1fr;gap:8px}.mail-row .mail-unit,.mail-row .mail-period,.mail-row .mail-deadline{grid-column:2}.mailbox-layout{min-height:0}}
