:root{--graphite-bg:#f2f4f8;--graphite-surface:#fffffff0;--graphite-surface-strong:#fff;--graphite-text:#1f2937;--graphite-text-muted:#6b7280;--graphite-border:#e6e9ef;--graphite-border-soft:#eef1f5;--graphite-shadow-sm:0 8px 20px #1018280d;--graphite-shadow-md:0 18px 36px #1018281f;--graphite-accent-soft:#f0f1f3;--graphite-danger:#3a3a3a;--sidebar-width:286px}*{box-sizing:border-box}#root,body,html{min-height:100%}body{background:#f2f4f8;background:var(--graphite-bg);color:#1f2937}a{color:inherit}.layout{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e6e9ef;border-right:1px solid var(--graphite-border);box-shadow:4px 0 20px #1018280a;color:#374151;display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease-in-out;width:286px;width:var(--sidebar-width);z-index:1000}.logo-link{color:inherit;display:block;text-decoration:none}.logo-container{align-items:center;background:#fff;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--graphite-border);box-shadow:none;display:flex;justify-content:center;min-height:116px;padding:14px 16px}.logo-wordmark{filter:none;max-height:86px;object-fit:contain;width:min(250px,100%)}.sidebar nav{flex:1 1;padding:14px 0 18px}.sidebar ul{list-style:none;margin:0;padding:0}.nav-section{background:#fafbfc;border:1px solid #eef1f5;border-radius:12px;box-shadow:none;margin:8px 10px 12px;padding:7px 0 8px}.nav-section+.nav-section{margin-top:10px}.nav-section-title{align-items:center;background:#0000;border:none;border-radius:10px;color:#9ca3af;display:flex;font-size:.78rem;font-weight:700;gap:8px;letter-spacing:0;margin:2px 8px 4px;padding:8px 14px 7px;text-transform:uppercase}.nav-section-icon{flex-shrink:0;opacity:.9}.nav-section-list{margin:0;padding:4px 0 0}.nav-section-list .nav-item{padding-left:20px}.nav-item{align-items:center;border-left:3px solid #0000;border-radius:10px;color:#4b5563;display:flex;font-size:.92rem;gap:10px;margin:2px 6px;padding:12px 16px;text-decoration:none;transition:all .22s ease}.nav-icon{flex-shrink:0;transition:transform .2s ease}.nav-item>span,.nav-section-title>span{flex:1 1;min-width:0;overflow-wrap:break-word;word-break:keep-all}.nav-item:hover{background:#f0f1f3;border-left-color:#3a3a3a;color:#2f3135}.nav-item:hover .nav-icon{color:#3a3a3a;transform:scale(1.03)}.nav-item.active{background:#3a3a3a;border-left-color:#2f3135;box-shadow:0 8px 18px #1118271a;color:#fff;font-weight:700}.nav-item.active .nav-icon{color:#fff}.submenu-toggle{justify-content:space-between}.nav-icon-chevron{margin-left:auto;opacity:.68;transition:transform .2s ease}.submenu-toggle.submenu-active .nav-icon-chevron{transform:rotate(0deg)}.submenu-toggle:not(.submenu-active) .nav-icon-chevron{transform:rotate(-90deg)}.submenu{animation:slideDown .22s ease-out;background:#fff;border-left:1px solid #d9dde3;border-radius:0 10px 10px 0;list-style:none;margin:0 8px 2px;padding:6px 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submenu-item{font-size:.88rem;padding-left:44px!important}.submenu-item .nav-icon{height:16px;width:16px}.submenu-item:hover{padding-left:48px!important}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:286px;margin-left:var(--sidebar-width);min-width:0;overflow-y:auto;transition:margin-left .3s ease-in-out}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--graphite-border);box-shadow:0 4px 16px #1018280a;height:70px;justify-content:space-between;padding:12px 26px;position:-webkit-sticky;position:sticky;top:0;z-index:900}.header,.header-actions{align-items:center;display:flex}.header-actions{gap:10px;margin-left:auto}.menu-toggle{background:#0000;border:none;border-radius:10px;color:#49525d;cursor:pointer;display:none;padding:8px;transition:all .2s ease}.menu-toggle:hover{background:#f0f1f3;color:#2f3135}.user-info{background:#ffffffd1;border:1px solid #e6e9ef;border:1px solid var(--graphite-border);border-radius:999px;color:#4f5966;font-size:.86rem;font-weight:600;padding:8px 12px}.logout-button{align-items:center;background:#ffffffe6;border:1px solid #d9dde3;border-radius:999px;box-shadow:none;color:#3a3a3a;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;padding:10px 14px;transition:all .24s ease}.logout-button:hover{background:#f0f1f3;transform:translateY(-1px)}.page-content{flex:1 1;padding:24px 26px 36px}.page-content>*{animation:pageFadeIn .26s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-content h1,.page-content h2,.page-content h3,.page-content h4{color:#1f2937;color:var(--graphite-text);letter-spacing:-.01em}.page-content table{background:#fff;background:var(--graphite-surface-strong);border:1px solid #e6e9ef;border:1px solid var(--graphite-border);border-collapse:initial;border-radius:14px;border-spacing:0;box-shadow:0 10px 22px #12161d12;overflow:hidden;width:100%}.page-content td,.page-content th{border-bottom:1px solid #1a1f2614;font-size:.9rem;padding:12px 10px}.page-content th{background:#f4f6f9;color:#44505f;font-weight:700}.page-content tr:last-child td{border-bottom:none}.page-content tr:hover td{background:rgba(17,24,39,.035)}.page-content input[type=date],.page-content input[type=email],.page-content input[type=number],.page-content input[type=password],.page-content input[type=text],.page-content select,.page-content textarea{background:#fffffff2;border:1px solid #1a1f2629;border-radius:12px;color:#1f2937;color:var(--graphite-text);outline:none;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.page-content textarea{min-height:90px;resize:vertical}.page-content input:focus,.page-content select:focus,.page-content textarea:focus{border-color:#3a3a3a;border-color:var(--graphite-accent);box-shadow:0 0 0 4px #1118271f}.page-content button{background:#3a3a3a;border:1px solid #0000;border-radius:10px;box-shadow:0 8px 18px #1118271f;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:9px 14px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.page-content button:hover{filter:saturate(1.03);transform:translateY(-1px)}.page-content button:disabled{box-shadow:none;cursor:not-allowed;opacity:.56;transform:none}.overlay{background-color:#0006;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.notification-toggle{background:#ffffffdb;border:1px solid #e6e9ef;border:1px solid var(--graphite-border);border-radius:10px;box-shadow:0 4px 12px #12161d0d;color:#505965;cursor:pointer;padding:8px;position:relative;transition:all .2s ease}.notification-toggle:hover{background:#11182714;border-color:#1118272e;color:#343941}.notification-badge{align-items:center;background:#3a3a3a;background:var(--graphite-danger);border-radius:999px;color:#fff;display:flex;font-size:.68rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-3px;top:-4px}.notification-has-unread{animation:notificationPulse 1.5s ease-in-out infinite}@keyframes notificationPulse{0%,to{box-shadow:0 4px 12px #12161d0d}50%{box-shadow:0 8px 20px #11182729}}.notification-toast{animation:toastSlideIn .3s ease-out;cursor:pointer;position:fixed;right:24px;top:84px;z-index:1100}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.notification-toast-inner{background:#fffffff0;border:1px solid #e6e9ef;border-left:4px solid #3a3a3a;border:1px solid var(--graphite-border);border-left:4px solid var(--graphite-accent);border-radius:14px;box-shadow:0 18px 36px #1018281f;box-shadow:var(--graphite-shadow-md);min-width:240px;padding:15px 18px}.notification-toast-inner strong{color:#1f2937;color:var(--graphite-text);display:block;margin-bottom:5px}.notification-toast-inner p{color:#6b7280;color:var(--graphite-text-muted);font-size:.88rem;margin:0 0 10px}.notification-toast-btn{background:#f0f1f3;background:var(--graphite-accent-soft);border-radius:999px;color:#3f454d;display:inline-block;font-size:.8rem;font-weight:600;padding:5px 11px}.notification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d101570;display:flex;inset:0;justify-content:center;position:fixed;z-index:1001}.notification-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #e6e9ef;border:1px solid var(--graphite-border);border-radius:18px;box-shadow:0 24px 50px #12161d3d;max-height:72vh;max-width:500px;overflow:hidden;width:92%}.notification-modal-header{align-items:center;background:#f1f4f8e6;border-bottom:1px solid #e6e9ef;border-bottom:1px solid var(--graphite-border);display:flex;justify-content:space-between;padding:16px 18px}.notification-modal-header h3{font-size:1.05rem;margin:0}.notification-modal-close{background:#0000;border:none;color:#737c88;cursor:pointer;font-size:1.4rem;line-height:1;padding:0 6px}.notification-settings-link{background:#0000;border:none;color:#3a3a3a;color:var(--graphite-accent);cursor:pointer;font-size:.86rem;padding:4px 8px;text-decoration:underline}.notification-settings-link:hover{color:#242424;color:var(--graphite-accent-strong)}.notification-delete-all-btn{background:#1118270f;border:1px solid #1118272e;border-radius:8px;color:#3a3a3a;color:var(--graphite-danger);cursor:pointer;font-size:.8rem;padding:4px 9px}.notification-delete-all-btn:hover{background:#1118271a}.notification-modal-body{max-height:53vh;overflow-y:auto;padding:12px}.notification-empty{color:#8e96a2;padding:30px;text-align:center}.notification-list{list-style:none;margin:0;padding:0}.notification-list li{align-items:flex-start;border-bottom:1px solid #1a1f2614;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.notification-list li:last-child{border-bottom:none}.notification-unread{background:#1118270d;border-radius:10px}.notification-item-content strong{color:#1f2937;color:var(--graphite-text);display:block;margin-bottom:4px}.notification-item-content p{color:#6b7280;color:var(--graphite-text-muted);font-size:.87rem;margin:0 0 6px}.notification-date{color:#98a0ac;font-size:.74rem}.notification-item-actions{display:flex;flex-shrink:0;gap:6px}.notification-item-actions button{background:#fff;border:1px solid #e6e9ef;border:1px solid var(--graphite-border);border-radius:8px;box-shadow:none;color:#5d6673;cursor:pointer;font-size:.76rem;padding:4px 10px}.notification-item-actions button:hover{background:#f2f5f9;color:#3f4c5f}@media (max-width:1240px){.sidebar{width:286px}.main-content{margin-left:286px}}@media (max-width:1024px){.sidebar{transform:translateX(-100%);width:286px;width:var(--sidebar-width)}.sidebar.open{transform:translateX(0)}.main-content{height:auto;margin-left:0;overflow-y:visible}.menu-toggle,.overlay{display:block}.overlay{opacity:0;pointer-events:none;transition:opacity .28s ease}.sidebar.open+.overlay{opacity:1;pointer-events:all}.page-content{padding:18px 16px 26px}.header{padding:12px 14px}.notification-toast{left:12px;right:12px}.notification-toast-inner{min-width:0}}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer .endOfContent.active{top:0}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--scale-factor));min-width:calc(180px*var(--scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--scale-factor));max-width:calc(180px*var(--scale-factor));padding:calc(6px*var(--scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}.work-dashboard{display:flex;flex-direction:column;gap:18px}.work-hero{align-items:flex-end;background:#fff;border:1px solid #e7e9ef;border-radius:16px;box-shadow:0 10px 24px #1018280d;display:flex;gap:18px;justify-content:space-between;padding:24px}.work-hero-kicker{color:#3a3a3a;font-size:.82rem;font-weight:800;margin-bottom:7px}.work-hero h2{color:#1f2937;font-size:1.55rem;line-height:1.25;margin:0}.work-hero p{color:#6b7280;font-size:.94rem;margin:8px 0 0}.work-hero-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.work-hero-controls label{color:#6b7280;display:flex;flex-direction:column;font-size:.76rem;font-weight:700;gap:5px}.work-hero-controls input,.work-hero-controls select{background:#f9fafb!important;border-color:#e3e6ed!important;border-radius:8px!important;font-size:.88rem;height:36px;width:100px!important}.work-admin-link{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#374151;display:inline-flex;font-size:.84rem;gap:6px;height:36px;padding:0 12px;text-decoration:none}.work-admin-link,.work-alert{align-items:center;font-weight:700}.work-alert{border-radius:12px;display:flex;font-size:.9rem;gap:8px;padding:12px 14px}.work-alert-danger{background:#f0f1f3;border:1px solid #d9dde3;color:#242424}.metric-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{align-items:flex-start;background:#fff!important;border:1px solid #e8ebf1!important;border-radius:14px!important;box-shadow:0 8px 20px #1018280a!important;color:#1f2937!important;display:flex;flex-direction:column;gap:6px;min-height:142px;padding:16px;text-align:left}.metric-card:hover,.quick-action:hover,.todo-item:hover,.workflow-strip button:hover{box-shadow:0 12px 24px #10182814!important;transform:translateY(-1px)}.metric-icon{align-items:center;border-radius:12px;display:inline-flex;height:38px;justify-content:center;width:38px}.metric-label{color:#6b7280;font-size:.82rem;font-weight:800}.metric-card strong{font-size:1.7rem;line-height:1.1}.metric-card small{color:#6b7280;font-size:.8rem}.metric-card-red .metric-icon,.quick-action-red{background:#f0f1f3!important;color:#3a3a3a!important}.metric-card-blue .metric-icon,.quick-action-blue{background:#f3f4f6!important;color:#5b6472!important}.metric-card-green .metric-icon,.quick-action-green{background:#eef0f2!important;color:#4b5563!important}.metric-card-amber .metric-icon,.quick-action-amber{background:#f5f5f4!important;color:#6b7280!important}.work-main-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.05fr .95fr}.guide-section-modern,.work-panel{background:#fff;border:1px solid #e8ebf1;border-radius:14px;box-shadow:0 8px 20px #1018280a;padding:18px}.work-panel-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.work-panel-header h3{color:#111827;font-size:1.02rem;margin:0}.work-panel-header p{color:#6b7280;font-size:.84rem;margin:5px 0 0}.todo-list{display:flex;flex-direction:column;gap:8px}.todo-item{grid-gap:10px;align-items:center;background:#f9fafb!important;border:1px solid #edf0f5!important;border-radius:12px!important;box-shadow:none!important;color:#1f2937!important;display:grid;gap:10px;grid-template-columns:12px 1fr auto;padding:12px!important;text-align:left;width:100%}.todo-item small,.todo-item strong{display:block}.todo-item strong{font-size:.9rem}.todo-item small{color:#6b7280;font-size:.78rem;margin-top:3px}.todo-dot{border-radius:999px;height:9px;width:9px}.todo-dot-red{background:#3a3a3a}.todo-dot-green{background:#8b949e}.quick-action-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action{align-items:center;border:1px solid #0000!important;border-radius:12px!important;box-shadow:none!important;color:#1f2937!important;display:flex;font-weight:800!important;gap:10px;justify-content:flex-start;min-height:74px;padding:14px!important}.project-panel{padding-bottom:12px}.panel-text-button{background:#3a3a3a!important;border-radius:999px!important;box-shadow:none!important;color:#fff!important;padding:8px 12px!important;white-space:nowrap}.project-table-wrap{overflow-x:auto}.project-status-table{border-color:#edf0f5!important;box-shadow:none!important;min-width:720px}.project-status-table th{background:#f9fafb!important}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;justify-content:center;min-width:78px;padding:5px 10px}.status-pill-green{background:#eef0f2;color:#3f454d}.status-pill-red{background:#f0f1f3;color:#2f3135}.workflow-strip{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.workflow-strip button{align-items:center;background:#fff!important;border:1px solid #e8ebf1!important;border-radius:12px!important;box-shadow:0 6px 16px #1018280a!important;color:#374151!important;display:flex;font-weight:800!important;gap:8px;justify-content:center;min-height:52px}.workflow-strip span{align-items:center;background:#3a3a3a;border-radius:999px;color:#fff;display:inline-flex;font-size:.76rem;height:24px;justify-content:center;width:24px}.guide-section-modern{margin-bottom:20px}.guide-item-modern{border-top:1px solid #edf0f5}.guide-item-modern:first-of-type{border-top:none}.guide-item-modern>button{align-items:center;background:#0000!important;border:none!important;box-shadow:none!important;color:#374151!important;display:flex;font-weight:800!important;justify-content:space-between;padding:13px 2px!important;width:100%}.guide-body-modern{color:#4b5563;font-size:.9rem;line-height:1.7;padding:0 0 14px}@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-main-grid{grid-template-columns:1fr}.workflow-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.work-hero{align-items:flex-start;flex-direction:column;padding:18px}.work-hero-controls{justify-content:flex-start;width:100%}.metric-grid,.quick-action-grid,.workflow-strip{grid-template-columns:1fr}}:root{--graphite-bg:#eceef1;--graphite-surface:#ffffffe6;--graphite-text:#1f2328;--graphite-text-muted:#626b76;--graphite-border:#1a1f2624;--graphite-shadow-sm:0 10px 24px #14181e1a;--graphite-shadow-md:0 24px 52px #14181e2e;--graphite-accent:#3a3a3a;--graphite-accent-strong:#242424;--graphite-danger:#7d7474;--graphite-success:#4b5563}body{background:radial-gradient(circle at 4% -6%,#7282982e,#0000 28%),radial-gradient(circle at 95% -4%,#5c636f1a,#0000 30%),#eceef1;background:radial-gradient(circle at 4% -6%,#7282982e,#0000 28%),radial-gradient(circle at 95% -4%,#5c636f1a,#0000 30%),var(--graphite-bg);color:#1f2328;color:var(--graphite-text);font-family:SF Pro Text,SF Pro Display,SUIT Variable,Pretendard,Noto Sans KR,sans-serif;margin:0}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;background:var(--graphite-surface);border:1px solid #1a1f2624;border:1px solid var(--graphite-border);border-radius:28px;box-shadow:0 24px 52px #14181e2e;box-shadow:var(--graphite-shadow-md);padding:30px 28px 24px;width:min(460px,100%)}.auth-logo-wrap{background:linear-gradient(135deg,#505a6b,#394352);border:1px solid #e2e8f347;border-radius:20px;display:flex;justify-content:center;margin-bottom:16px;padding:12px}.auth-logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));max-height:60px;object-fit:contain;width:min(244px,100%)}.auth-title{font-size:1.5rem;letter-spacing:-.02em;line-height:1.25;margin:4px 0;text-align:center}.auth-subtitle{color:#626b76;color:var(--graphite-text-muted);font-size:.92rem;margin:0 0 18px;text-align:center}.auth-form{gap:12px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field>span{color:#49525f;font-size:.84rem;font-weight:600}.auth-input{background:#fffffff5;border:1px solid #1a1f2629;border-radius:12px;color:#1f2328;color:var(--graphite-text);font-size:.92rem;outline:none;padding:12px 13px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.auth-input:focus{border-color:#3a3a3a;border-color:var(--graphite-accent);box-shadow:0 0 0 4px #3a3a3a24}.auth-callout{background:#3a3a3a14;border:1px solid #3a3a3a2e;border-radius:12px;color:#3f444b;font-size:.82rem;line-height:1.45;margin:0;padding:10px 12px}.auth-button{background:linear-gradient(135deg,#4d5867,#363f4b);border:none;border-radius:12px;box-shadow:0 10px 22px #15181e47;color:#fff;cursor:pointer;font-size:.92rem;font-weight:700;margin-top:4px;padding:12px 14px;transition:transform .2s ease,filter .2s ease}.auth-button:hover{filter:saturate(1.02);transform:translateY(-1px)}.auth-message{border-radius:10px;font-size:.84rem;line-height:1.4;margin-top:4px;padding:10px 12px}.auth-message--error{background:#c53b3117;border:1px solid #c53b3133;color:#7d7474;color:var(--graphite-danger)}.auth-message--success{background:#2f7a4414;border:1px solid #2f7a4433;color:#4b5563;color:var(--graphite-success)}.auth-footer{color:#626b76;color:var(--graphite-text-muted);font-size:.86rem;margin-top:16px;text-align:center}.auth-link{color:#3a3a3a;color:var(--graphite-accent);font-weight:700;text-decoration:none}.auth-link:hover{color:#242424;color:var(--graphite-accent-strong);text-decoration:underline}@media (max-width:640px){.auth-shell{padding:14px}.auth-card{border-radius:20px;padding:22px 18px 18px}.auth-title{font-size:1.32rem}}
/*# sourceMappingURL=main.e79d16b1.css.map*/