:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:#fff}#root{width:100%;min-height:100vh}.app-root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-main{width:100%;padding:24px;box-sizing:border-box}.app-header{width:100%;background:#fff;box-sizing:border-box}.header-top-row{display:flex;align-items:stretch;gap:16px;padding:16px;width:100%;box-sizing:border-box}.header-banner{height:120px;width:320px;min-width:320px;max-width:320px;border-radius:14px;object-fit:cover;object-position:center;display:block}.header-notes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;width:100%}.sticky-note{display:flex;flex-direction:column;height:120px;padding:10px;border-radius:14px;box-sizing:border-box;font-size:14px}.sticky-yellow{background:#fff4c2}.sticky-blue{background:#e6f0ff}.sticky-green{background:#e6ffef}.sticky-pink{background:#ffe9e9}.sticky-gray{background:#f3f4f6}.sticky-title-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:6px}.sticky-drag-handle{cursor:grab;font-size:16px}.sticky-note textarea{flex:1;resize:none;border:none;outline:none;background:transparent;font-family:inherit;font-size:13px}.sticky-archive-list{flex:1;overflow-y:auto;font-size:13px}.archive-item{padding:4px 0;cursor:grab;border-bottom:1px dashed #ddd}.header-nav-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;width:100%;box-sizing:border-box;border-top:1px solid #eee}.nav-buttons{display:flex;gap:8px;flex-wrap:wrap}.nav-btn{padding:8px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px}.nav-btn.active{border-color:#5b7cff;background:#eef1ff}.header-right{display:flex;align-items:center;gap:12px}.dashboard-page{width:100%}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}.dashboard-card{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 8px 22px #0000000f;border:1px solid #eef1f5}.dashboard-card h3{margin:0 0 12px;font-size:18px;font-weight:600}.dashboard-kpi{font-size:14px;line-height:1.7}.dashboard-hours{font-size:14px;line-height:1.6}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}}.page-wrap{padding:16px}.portofolii-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.portofolii-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filters-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.table-wrap{margin-top:12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;overflow-x:auto;overflow-y:auto;max-height:70vh}.table{border-collapse:collapse;min-width:max-content}.table th,.table td{padding:10px;border-bottom:1px solid rgba(0,0,0,.08);vertical-align:middle}.table th{text-align:left;font-weight:700;position:sticky;top:0;background:#fff;z-index:2}.center{text-align:center}.muted{opacity:.7;font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.input,.select{border:1px solid rgba(0,0,0,.22);border-radius:10px;padding:10px 12px;outline:none;background:#fff;min-width:220px}.btn{border:1px solid rgba(0,0,0,.22);border-radius:10px;padding:10px 12px;cursor:pointer;background:#fff;font-weight:600}.btn.primary{background:#111;color:#fff;border-color:#111}.btn.secondary{background:#f5f5f5}.btn.danger{background:#ffe6e6;border-color:#ffb3b3}.icon-btn{border:1px solid rgba(0,0,0,.18);border-radius:10px;background:#fff;cursor:pointer;padding:6px 10px}.import-box{margin:12px 0;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:12px;background:#fff}.import-title{font-weight:800;margin-bottom:8px}.import-errors{color:#8a0000}.import-ok{color:#0b6b0b}.import-buttons{display:flex;gap:10px;margin-top:10px}.empty-state{border:1px dashed rgba(0,0,0,.25);border-radius:14px;padding:18px;background:#fff;margin-top:12px}.empty-title{font-weight:900;margin-bottom:6px}.empty-sub{opacity:.75}.kpi-bar{display:grid;grid-template-columns:180px 260px 1fr;gap:10px;margin:10px 0}.kpi-card{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:12px;background:#fff}.kpi-wide{min-width:320px}.kpi-title{font-weight:800;opacity:.75;font-size:12px}.kpi-value{font-weight:950;font-size:22px;margin-top:6px}.kpi-list{margin-top:8px;display:grid;gap:6px}.kpi-row{display:flex;justify-content:space-between;gap:10px}.kpi-row-left{font-weight:700}.kpi-row-right{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;opacity:.85}.kpi-muted{opacity:.7;margin-top:8px}.drawer-overlay{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;justify-content:flex-end}.drawer{width:420px;max-width:90%;background:#fff;height:100%;padding:16px;overflow-y:auto;box-shadow:-4px 0 12px #0003}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pdl-card{border:1px solid #e0e0e0;border-radius:10px;padding:10px;margin-bottom:12px}.pdl-title{display:flex;gap:8px;align-items:center;margin-bottom:8px}.contacts{margin-top:8px}.contact-row{display:grid;grid-template-columns:1fr 1.5fr;gap:6px;margin-bottom:6px}.input{padding:6px 8px;border-radius:6px;border:1px solid #ccc;font-size:13px}.btn{padding:6px 10px;border-radius:8px;border:none;cursor:pointer;background:#eee}.btn.secondary{background:#ddd}.btn.small{margin-top:6px;font-size:12px}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:#fff;padding:16px;border-radius:14px;width:420px}.grid{display:grid;gap:10px;margin:12px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px}