:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;--servimex-primary: #0b3c74;--servimex-primary-strong: #0f4e99;--servimex-accent: #62a6dd;--servimex-surface: #ffffff;--servimex-soft: #e7eff8;--servimex-text: #0b1f3a;background-color:#f4f7fb;color:var(--servimex-text)}*{box-sizing:border-box}body{margin:0;background:#eef3f9}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh;background:linear-gradient(135deg,#f4f7fb,#e8f1fb)}.sidebar{width:280px;background:linear-gradient(180deg,var(--servimex-primary-strong),var(--servimex-primary));color:#f8fbff;display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;position:sticky;top:0;height:100vh;box-shadow:8px 0 20px #0b3c7414;transform:translate(0);transition:transform .3s ease;z-index:5;overflow-y:auto;scrollbar-gutter:stable}.sidebar .brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem}.sidebar .brand img{width:56px;height:56px;object-fit:contain}.sidebar .brand strong{display:block;font-size:1.1rem;letter-spacing:.5px}.sidebar nav{display:flex;flex-direction:column;gap:.5rem;min-height:0}.sidebar nav a{padding:.8rem .9rem;border-radius:.75rem;color:#e8f1ff;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:background .2s ease,transform .2s ease}.sidebar nav a:hover,.sidebar nav a.active-link{background:#ffffff1f;color:#fff;transform:translate(2px)}.sidebar .logout{margin-top:auto;padding:.75rem .9rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:.75rem;cursor:pointer;font-weight:700;transition:background .2s ease,transform .2s ease}.sidebar .logout:hover{background:#fff3;transform:translateY(-1px)}.content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--servimex-surface);border-bottom:1px solid #d9e6f5;position:sticky;top:0;z-index:4;box-shadow:0 8px 20px #0f24490d}.menu-toggle{display:none;background:var(--servimex-primary);border:none;color:#fff;padding:.6rem .8rem;border-radius:.6rem;cursor:pointer;font-weight:700}.user-info{margin-left:auto;color:var(--servimex-primary);font-weight:700}.user-info small{display:block;font-weight:600;color:#4d6c93}.stack{display:grid;gap:.5rem;margin-top:.5rem}.checkbox{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#14345e}.checkbox input{width:auto}main{padding:1.5rem}main>h1{margin:0 0 1rem;color:var(--servimex-primary-strong)}.card{background:var(--servimex-surface);padding:1.25rem;border-radius:1rem;box-shadow:0 12px 30px #0f24490f;border:1px solid #e6eef9}.section-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-heading h3{margin:0;color:var(--servimex-primary)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;color:#11325d;font-weight:600}input,select,textarea{padding:.7rem .75rem;border-radius:.75rem;border:1px solid #cad9ee;background:#f9fbff;font-family:inherit;font-size:1rem;color:var(--servimex-text);transition:border .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--servimex-accent);box-shadow:0 0 0 3px #62a6dd40}button{border:none;border-radius:.75rem;padding:.75rem 1rem;background:var(--servimex-primary);color:#fff;cursor:pointer;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 20px #0b3c7426}button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0b3c7438}.auth-page{text-align:center}.auth-title{margin-bottom:1.5rem;color:var(--servimex-primary-strong)}.auth-card{display:grid;gap:1rem;justify-items:center;text-align:center}.auth-card label{align-items:center}.auth-card input{width:100%;max-width:280px}.auth-card button{min-width:180px}.auth-description{margin:0;color:#14345e}.button-loading{display:inline-flex;align-items:center;gap:.35rem}.loading-dots{display:inline-flex;gap:.15rem;margin-left:.1rem}.loading-dots span{display:inline-block;opacity:.2;animation:loading-dots 1s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-dots{0%,to{opacity:.2}50%{opacity:1}}.actions-row{display:flex;gap:.5rem;flex-wrap:wrap}.tag{display:inline-block;padding:.35rem .6rem;border-radius:999px;background:#e6f0fb;color:var(--servimex-primary);font-weight:700;font-size:.85rem}.badge{background:#62a6dd26;color:var(--servimex-primary-strong);padding:.35rem .55rem;border-radius:.5rem;font-weight:700;font-size:.85rem}.muted{color:#4b5f7c;font-size:.95rem}.table-like{width:100%;border-collapse:collapse;margin-top:.5rem}.table-scroll{width:100%;overflow-x:auto}.table-like th,.table-like td{border:1px solid #e6eef9;padding:.75rem;text-align:left}.table-like th{background:#f3f7fd;color:var(--servimex-primary)}.comment-list{display:flex;flex-direction:column;gap:.6rem;max-height:260px;overflow:auto;padding-right:.25rem}.comment{padding:.75rem;background:#f6f9ff;border-radius:.8rem;border:1px solid #e6eef9}@media (max-width: 960px){.sidebar{position:fixed;height:100vh;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}}@media (max-width: 640px){main{padding:1rem}.topbar{flex-wrap:wrap}}