:root{--green:#15b881;--green-600:#0fa873;--green-700:#0b8e61;--green-50:#e9f8f1;--green-100:#cfefe2;--ink:#161d22;--ink-2:#3b454c;--gray:#6b7681;--gray-2:#a4adb5;--line:#eceef0;--line-strong:#dce0e3;--bg:#f4f6f7;--card:#fff;--red:#d9483b;--amber-fg:#a66a12;--blue:#2c6bb0}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}button{font-family:inherit}#root{height:100%}::selection{background:var(--green-100)}.app-shell{background:var(--bg);flex-direction:column;height:100%;display:flex}.app-main{flex:1;overflow-y:auto}.app-container{max-width:1200px;margin:0 auto;padding:32px 28px 80px}.hdr{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.hdr-inner{align-items:center;gap:14px;max-width:1280px;height:66px;margin:0 auto;padding:0 22px;display:flex}.hdr-brand{cursor:pointer;flex-shrink:0;align-items:center;gap:11px;display:flex}.hdr-logo{border-radius:50%;width:38px;height:38px}.hdr-wordmark{flex-direction:column;line-height:1.2;display:flex}.hdr-wordmark b{color:var(--ink);letter-spacing:-.02em;font-size:15px;font-weight:800}.hdr-wordmark span{color:var(--gray-2);font-size:11.5px;font-weight:600}.nav-desktop{align-items:center;gap:2px;margin-left:18px;display:flex}.nav-item{color:var(--gray);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;padding:9px 15px;font-size:14.5px;font-weight:600;transition:all .14s;display:inline-flex}.nav-item:hover{color:var(--ink);background:var(--bg)}.nav-on,.nav-on:hover{color:#fff;background:var(--green)}.nav-more{position:relative}.hdr-right{align-items:center;gap:8px;margin-left:auto;display:flex}.bell{position:relative}.bell-dot{background:var(--red);border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.profile-wrap{position:relative}.profile-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:all .14s;display:flex}.profile-btn:hover{border-color:var(--line-strong);background:var(--bg)}.profile-name{color:var(--ink-2);font-size:14px;font-weight:600}.nav-mobile-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;display:none}.dropdown{border:1px solid var(--line);z-index:60;background:#fff;border-radius:13px;min-width:190px;padding:6px;animation:.14s pop;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #141c2124}.dd-right{min-width:220px;left:auto;right:0}.dd-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:5px;padding:11px 12px 13px;display:flex}.dd-head b{color:var(--ink);font-size:14.5px;display:block}.dd-head span{color:var(--gray);font-size:12.5px}.dd-item{width:100%;color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .12s;display:flex}.dd-item:hover{background:var(--bg)}.dd-on{color:var(--green-700);background:var(--green-50);font-weight:600}.dd-sep{background:var(--line);height:1px;margin:5px 0}.dd-danger{color:var(--red)}.dd-danger:hover{background:#fcebe9}.drawer-overlay{z-index:120;background:#141c2166;justify-content:flex-end;display:flex;position:absolute;inset:0}.drawer{background:#fff;width:78%;max-width:300px;height:100%;padding:18px;animation:.2s slideIn;overflow-y:auto}.drawer-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:12px;padding-bottom:16px;display:flex}.drawer-head b{color:var(--ink);font-size:15px;display:block}.drawer-head span{color:var(--gray);font-size:12.5px}.drawer-nav{flex-direction:column;gap:2px;display:flex}.drawer-item{text-align:left;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:13px 12px;font-size:15px;font-weight:600}.drawer-item:hover{background:var(--bg)}.drawer-on{background:var(--green);color:#fff}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pop{0%{transform:translateY(-4px)}to{transform:translateY(0)}}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--gray);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .14s;display:inline-flex}.icon-btn:hover{background:var(--bg);color:var(--ink)}.btn:hover{filter:brightness(.97)}.btn-primary:hover{filter:none;background:var(--green-600)!important;border-color:var(--green-600)!important}.btn-outline:hover{background:var(--bg)!important;border-color:var(--line-strong)!important}.btn-ghost:hover{background:var(--bg)!important;color:var(--ink)!important}.btn-danger:hover{background:#fcebe9!important}.card-hover{transition:all .16s}.card-hover:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 6px 20px #141c2112}.inp:focus{box-shadow:0 0 0 3px #15b88121;border-color:var(--green)!important}.modal-pop{animation:.18s modalPop}@keyframes modalPop{0%{transform:translateY(8px)scale(.99)}to{transform:none}}.link-back{color:var(--gray);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px 0;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.link-back:hover{color:var(--ink)}.link-more{color:var(--green-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.pg{border:1px solid var(--line-strong);min-width:36px;height:36px;color:var(--gray);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:14px;font-weight:600;transition:all .14s;display:inline-flex}.pg:hover:not(:disabled){border-color:var(--green);color:var(--green-700)}.pg:disabled{opacity:.4;cursor:not-allowed}.pg-on{background:var(--green);border-color:var(--green);color:#fff}.pg-on:hover{color:#fff}.tbl-head{background:var(--bg);border-bottom:1px solid var(--line);color:var(--gray);text-align:center;border-radius:14px 14px 0 0;align-items:center;gap:10px;padding:14px 22px;font-size:12.5px;font-weight:700;display:grid}.tbl-head>span:first-child{text-align:left}.tbl-row{border-bottom:1px solid var(--line);text-align:center;cursor:pointer;align-items:center;gap:10px;padding:16px 22px;font-size:14px;transition:background .12s;display:grid}.tbl-row:last-child{border-bottom:none}.tbl-row:hover{background:var(--green-50)}.cell-title{color:var(--ink);align-items:center;gap:8px;display:flex}.notice-grid{grid-template-columns:74px 1fr 110px 64px 154px}.roll-hist-grid{grid-template-columns:1fr 110px 90px 70px 80px 34px}.pen-grid{grid-template-columns:1.6fr 84px 80px 64px 120px 30px}.user-grid{grid-template-columns:1.4fr 120px 130px 80px 80px 110px 100px}.attach-row{background:var(--bg);border:1px solid var(--line);border-radius:11px;align-items:center;gap:12px;padding:13px 16px;display:flex}.search-item{cursor:pointer;align-items:center;gap:11px;padding:11px 14px;transition:background .12s;display:flex}.search-item:hover{background:var(--green-50)}.cal-dow{border-bottom:1px solid var(--line);padding:12px 0}.cal-dow>div{text-align:center;font-size:12.5px;font-weight:700}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:6px;min-height:96px;padding:9px;display:flex}.cal-cell:nth-child(7n){border-right:none}.cal-empty{background:#fbfcfc}.cal-num{font-size:14px;font-weight:700}.cal-tag{border-radius:6px;align-self:flex-start;padding:3px 7px;font-size:11.5px;font-weight:600;line-height:1.3}.cal-green{background:#15b8810d}.cal-amber{background:#a66a120d}.cal-red{background:#d9483b0d}.cal-editable{cursor:pointer;transition:background .12s}.cal-editable:hover{background:var(--green-50)}.roll-grid{background:var(--line);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;display:grid;overflow:hidden}.roll-cell{cursor:pointer;background:#fff;padding:14px 15px;transition:all .12s}.roll-on{background:#fff}.roll-off{background:#fcfafa}.roll-cell:hover{background:var(--green-50)}.roll-off:hover{background:#fcebe9}.roll-check{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .14s;display:inline-flex}.roll-memo{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:6px 0 0;font-family:inherit;font-size:11.5px;font-weight:600;display:block}.dash-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.action-tile{transition:all .16s}.action-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px #15b8811a;border-color:var(--green)!important}.toast-stack{z-index:300;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:18px;right:18px}.toast{background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:10px;max-width:360px;padding:13px 17px;font-size:14px;font-weight:600;animation:.22s toastIn;display:flex;box-shadow:0 12px 30px #00000040}.toast-ico{color:var(--green);display:inline-flex}.toast-push{color:var(--ink);border:1px solid var(--line);background:#fff}.toast-push .toast-ico{color:var(--green-700)}@keyframes toastIn{0%{transform:translate(30px)}to{transform:translate(0)}}.login-wrap{background:radial-gradient(1200px 600px at 50% -10%, #15b88114, transparent 60%), var(--bg);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex;overflow-y:auto}.login-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:100%;max-width:430px;padding:38px 36px;box-shadow:0 20px 50px #141c2112}.login-logo{border-radius:50%;width:86px;height:86px;margin:0 auto 22px;display:block}.login-title{text-align:center;color:var(--ink);letter-spacing:-.02em;margin:0 0 8px;font-size:21px;font-weight:800;line-height:1.4}.login-sub{text-align:center;color:var(--gray);margin:0 0 26px;font-size:14px}.login-divider{color:var(--gray-2);align-items:center;gap:12px;margin:22px 0 16px;font-size:12.5px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.login-demos{grid-template-columns:1fr 1fr;gap:9px;display:grid}.demo-btn{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:11px;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 14px;transition:all .14s;display:flex}.demo-btn:hover{border-color:var(--green);background:var(--green-50)}.demo-role{color:var(--green-700);font-size:13.5px;font-weight:700}.demo-name{color:var(--gray);font-size:12px}.login-foot{color:var(--gray-2);text-align:center;margin-top:22px;font-size:12.5px}.notif-item{position:relative}.notif-delete-btn{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-family:inherit;font-size:10px;line-height:1;display:none;position:absolute;top:6px;right:8px}.notif-item:hover .notif-delete-btn{display:flex}@media (width<=780px){.app-container{padding:20px 16px 70px}.nav-desktop{display:none}.nav-mobile-btn{display:inline-flex}.profile-name,.hdr-wordmark span{display:none}.hdr-inner{height:60px;padding:0 14px}.dash-cols{grid-template-columns:1fr}.toast-stack{left:12px;right:12px;top:env(safe-area-inset-top,14px)}.toast{max-width:none;padding:12px 14px;font-size:13.5px}.notif-dropdown{border-radius:16px!important;width:auto!important;max-height:60vh!important;position:fixed!important;top:68px!important;left:12px!important;right:12px!important}.notice-grid{grid-template-columns:1fr 92px}.notice-grid>:first-child,.notice-grid>:nth-child(3),.notice-grid>:nth-child(4){display:none}.pen-grid{grid-template-columns:1fr 92px 26px}.pen-grid>:nth-child(2),.pen-grid>:nth-child(3),.pen-grid>:nth-child(4){display:none}.roll-hist-grid{grid-template-columns:1fr 96px 74px}.roll-hist-grid>:nth-child(3),.roll-hist-grid>:nth-child(4),.roll-hist-grid>:nth-child(6){display:none}.user-grid{grid-template-columns:1fr 92px 92px}.user-grid>:nth-child(2),.user-grid>:nth-child(3),.user-grid>:nth-child(4),.user-grid>:nth-child(6){display:none}.tbl-head,.tbl-row{padding-left:16px;padding-right:16px}.roll-grid{grid-template-columns:1fr 1fr}.cal-cell{min-height:64px;padding:5px}.cal-tag{padding:2px 4px;font-size:9px}.login-card{padding:30px 22px}}@media (width<=480px){.roll-grid,.login-demos{grid-template-columns:1fr}}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--green);cursor:grab;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #15b88159}input[type=range]::-moz-range-thumb{background:var(--green);cursor:grab;border:2px solid #fff;border-radius:50%;width:20px;height:20px}