:root{--color-primary: #0388A6;--color-secondary: #4FB6C1;--color-tertiary: #9ACCD1;--color-light: #F2F2F2;--color-muted: #EDE7E7;--color-dark: #0D0D0D;--color-heading: #027a94;--color-white: #ffffff;--radius: 10px;--shadow: 0 4px 20px rgba(3, 136, 166, .12);--sidebar-width: 260px;--sidebar-collapsed: 72px;--topbar-height: 64px;font-family:DM Sans,system-ui,sans-serif;line-height:1.5;color:var(--color-dark);background:var(--color-light)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}button,.btn{cursor:pointer;border:none;border-radius:var(--radius);padding:.65rem 1.25rem;font-weight:600;font-family:inherit;transition:opacity .2s,transform .15s}button:hover,.btn:hover{opacity:.9;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-danger{background:#c0392b;color:#fff}input,select,textarea{width:100%;padding:.65rem .85rem;border:1.5px solid #d0d0d0;border-radius:var(--radius);font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0388a626}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--color-heading)}.form-group{margin-bottom:1rem}.password-field{position:relative}.password-field input{padding-right:2.75rem}.password-toggle{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.25rem;color:#888;display:flex;align-items:center;justify-content:center;line-height:0}.password-toggle:hover{color:var(--color-primary);opacity:1;transform:translateY(-50%)}.card{background:var(--color-white);border-radius:calc(var(--radius) + 4px);padding:1.5rem;box-shadow:var(--shadow)}.layout,.app-shell{display:flex;min-height:100vh}.app-shell--collapsed .sidebar{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:linear-gradient(180deg,var(--color-primary) 0%,#027a94 100%);color:#fff;display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease;overflow:hidden;position:sticky;top:0;height:100vh;z-index:100}.sidebar-top{padding:1rem .75rem .5rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-toggle{align-self:flex-start;background:#ffffff1f;color:#fff;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.sidebar-toggle:hover{background:#ffffff38;transform:none}.icon-flip{transform:rotate(180deg)}.sidebar-brand{padding:0 .25rem}.sidebar-brand--mini{display:flex;justify-content:center;padding:.25rem 0}.sidebar-brand--mini .logo--icon{width:40px}.sidebar-brand .logo{margin-bottom:.75rem;background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.sidebar h1{font-size:1rem;line-height:1.3;white-space:nowrap}.sidebar-nav{flex:1;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;color:#ffffffd9;padding:.7rem .85rem;border-radius:var(--radius);font-weight:500;font-size:.9rem;transition:background .15s;white-space:nowrap}.nav-item:hover,.nav-item.active{background:#ffffff26;color:#fff}.nav-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px}.sidebar--collapsed .nav-item{justify-content:center;padding:.7rem}.sidebar--collapsed .sidebar-toggle{align-self:center}.app-content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);background:var(--color-white);border-bottom:1px solid rgba(154,204,209,.5);display:flex;align-items:center;padding:0 1.25rem;gap:1rem;position:sticky;top:0;z-index:50;box-shadow:0 1px 8px #0000000a}.topbar-menu-btn{display:none;background:transparent;color:var(--color-primary);border:none;padding:.5rem;border-radius:8px}.topbar-menu-btn:hover{background:var(--color-light);transform:none}.topbar-spacer{flex:1}.topbar-user{display:flex;align-items:center;gap:.75rem}.topbar-profile{display:flex;align-items:center;gap:.65rem;background:transparent;border:none;padding:.35rem .5rem;border-radius:var(--radius);color:inherit}.topbar-profile:hover{background:var(--color-light);transform:none}.topbar-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.topbar-user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.topbar-name{font-size:.9rem;font-weight:600;color:var(--color-dark);line-height:1.2}.topbar-role{font-size:.75rem;color:#888;text-transform:capitalize}.topbar-logout{display:flex;align-items:center;gap:.4rem;background:#fff5f5;color:#c0392b;border:1.5px solid #f5c6c6;padding:.5rem 1rem;border-radius:var(--radius);font-weight:600;font-size:.85rem}.topbar-logout:hover{background:#c0392b;color:#fff;border-color:#c0392b;transform:none}.topbar-logout-text{display:inline}.permission-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.permission-list li{font-size:.88rem;padding:.5rem .75rem;background:var(--color-light);border-radius:8px;border-left:3px solid var(--color-primary)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.profile-grid{align-items:start}.main{flex:1;padding:1.5rem 2rem 2rem;overflow-y:auto;background:var(--color-light)}.page-header{margin-bottom:1.5rem}.page-header--toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.search-box{position:relative;min-width:min(100%,380px);flex:1;max-width:480px}.search-box__icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--color-primary);pointer-events:none}.search-box__input{width:100%;padding:.7rem 2.25rem .7rem 2.5rem;border:1.5px solid rgba(154,204,209,.9);border-radius:var(--radius);background:var(--color-white);font-size:.9rem}.search-box__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0388a61f}.search-box__clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#999;font-size:1.25rem;line-height:1;padding:.2rem .45rem;border-radius:50%}.search-box__clear:hover{background:var(--color-light);color:var(--color-dark);transform:translateY(-50%)}.results-count{font-size:.85rem;color:#888;margin:-.75rem 0 1rem}.page-header h2{font-size:1.6rem;color:var(--color-heading)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.25rem;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--color-primary)}.stat-card .value{font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-card .label{font-size:.85rem;color:#666}table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th,td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid #eee}th{background:var(--color-light);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-heading)}.badge{display:inline-block;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#0388a61f;color:var(--color-primary)}.badge.success{background:#27ae6026;color:#27ae60}.badge.warning{background:#f39c1226;color:#f39c12}.badge.danger{background:#c0392b26;color:#c0392b}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 20%,rgba(79,182,193,.35) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(3,136,166,.2) 0%,transparent 45%),linear-gradient(160deg,var(--color-muted) 0%,var(--color-light) 40%,var(--color-tertiary) 100%)}.login-card{width:100%;max-width:420px;margin:1rem;background:var(--color-white);border-radius:calc(var(--radius) + 6px);box-shadow:0 16px 48px #0388a626;overflow:hidden;border:1px solid rgba(154,204,209,.4)}.login-card__header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:2rem 1.5rem 1.75rem;text-align:center}.login-card__body{padding:1.5rem 1.75rem 1.75rem;background:var(--color-light)}.login-card__header h1{color:var(--color-white);margin-bottom:.35rem;text-align:center;font-size:1.35rem;font-weight:700;text-shadow:0 1px 2px rgba(13,13,13,.2)}.login-logo{margin:0 auto 1rem;filter:drop-shadow(0 4px 14px rgba(13,13,13,.35))}.login-card__header .subtitle{color:#ffeb3b;margin-bottom:0;font-size:.88rem;text-align:center;line-height:1.45;font-weight:600;text-shadow:0 1px 3px rgba(13,13,13,.35)}.login-card__body input{background:var(--color-white);border-color:#9accd1cc}.login-card__body label{color:var(--color-primary)}.login-brand{display:flex;justify-content:center;margin-bottom:1rem}.login-brand .logo{background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 2px 8px rgba(3,136,166,.15))}.login-card__body .subtitle{color:#666;margin-bottom:1.5rem;font-size:.9rem}.login-forgot-link{margin:.5rem 0 0;text-align:right;font-size:.85rem}.login-forgot-link a{color:var(--color-secondary);text-decoration:none}.login-forgot-link a:hover{text-decoration:underline;color:var(--color-primary)}.process-timeline{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.process-step{flex:1;min-width:120px;padding:.75rem;background:#fff;border-radius:var(--radius);text-align:center;font-size:.75rem;border:2px solid #e0e0e0;color:#999}.process-step.done{border-color:var(--color-primary);color:var(--color-primary);background:#0388a60f}.process-step.current{border-color:var(--color-secondary);background:var(--color-primary);color:#fff;font-weight:600}.process-action-card--future{opacity:.55;border:1px dashed #d0d0d0;background:#f7f7f7}.process-action-card--completed{border-left:4px solid var(--color-primary);background:#f5fafb}.process-action-card--active{border-left:4px solid var(--color-secondary);box-shadow:0 2px 12px #0388a61f}.process-action-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.process-action-card__header h3{margin:0}.process-action-card__badge{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#0388a61f;color:var(--color-primary);white-space:nowrap}.process-action-card__badge--muted{background:#f0f0f0;color:#888}.process-action-card__badge--active{background:#4fb6c140;color:#027a94}.process-action-card__summary{font-size:.85rem;color:#555;margin:0 0 .75rem}.process-action-card__hint{font-size:.82rem;color:#999;margin:0 0 .75rem;font-style:italic}.process-action-card__body--locked{pointer-events:none;opacity:.55}.process-action-card__body--locked a{pointer-events:auto;cursor:pointer}.process-action-card__footer{display:flex;justify-content:flex-end;margin-top:.75rem;min-height:2rem}.process-action-card__footer:empty{display:none}.process-action-card__body--locked button,.process-action-card__body--locked input,.process-action-card__body--locked select,.process-action-card__body--locked textarea{cursor:not-allowed}.actions-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.error-msg{color:#c0392b;font-size:.85rem;margin-top:.5rem}.success-msg{color:#1e7e34;font-size:.85rem;margin-top:.5rem}.logo{display:block;object-fit:contain;height:auto}.logo--icon{width:36px}.logo--sm{width:88px}.logo--md{width:120px}.logo--lg{width:200px}.logo-centered{margin:0 auto}.sidebar .logo,.page-header--with-logo .logo{background:transparent;border-radius:0;padding:0}.page-header--with-logo{display:flex;align-items:flex-start;gap:.75rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--color-light);color:var(--color-heading)}.loading-screen .logo{background:#0d0d0d;border-radius:var(--radius);padding:.75rem 1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.sidebar{position:fixed;left:0;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 20px #00000026}.app-shell:not(.app-shell--collapsed) .sidebar,.sidebar:not(.sidebar--collapsed){transform:translate(0)}.app-shell--collapsed .sidebar{transform:translate(-100%)}.topbar-menu-btn{display:flex}.topbar-user-info,.topbar-logout-text{display:none}.grid-2{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.65rem .75rem;border-bottom:1px solid #eee;text-align:left}.badge--ok{background:#e8f8f5;color:#027a94}.badge--warn{background:#fff3e0;color:#e65100}.receipt-card{max-width:720px;margin:0 auto}.receipt-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-primary)}.receipt-card__header h3{color:var(--color-heading);margin-bottom:.25rem}.receipt-card__number{text-align:right}.receipt-card__number span{display:block;font-size:.75rem;color:#888}.receipt-card__number strong{font-size:1.25rem;color:var(--color-primary)}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin-bottom:1.5rem}.receipt-grid label{font-size:.75rem;color:#888;margin-bottom:.15rem}.receipt-grid p{font-weight:600}.receipt-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#0388a614,#4fb6c11f);border-radius:var(--radius);font-size:1.1rem}.receipt-total strong{font-size:1.5rem;color:var(--color-primary)}.receipt-footer{margin-top:1.5rem;font-size:.8rem;color:#888;text-align:center}.schedule-draft-row{padding:.75rem;border:1px dashed #ccc;border-radius:var(--radius);background:#fafafa}@media print{.no-print,.sidebar,.topbar{display:none!important}.app-content,.main{margin:0!important;padding:0!important}.receipt-card{box-shadow:none;border:1px solid #ccc}}