#portal{--p-text:#23384d;--p-muted:#8091a2;--p-border:#e4eaf0;--p-bg:#f4f7fa;color-scheme:light;color:var(--p-text);background:var(--p-bg);min-height:100dvh;font-size:13px}.portal-shell{display:grid;grid-template-columns:237px 1fr;min-height:100dvh}.portal-sidebar{position:sticky;top:0;height:100dvh;background:#fff;border-right:1px solid var(--p-border);display:flex;flex-direction:column;padding:24px 17px;z-index:10;overflow:auto}.portal-brand{display:flex;align-items:center;gap:5px;padding:0 6px;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-1px;color:#112f46}.portal-brand img{width:43px;height:43px;object-fit:contain}.portal-brand em{color:#b78b28;font-weight:500;font-style:normal}.portal-scope{margin:24px 7px 15px;border:1px solid #e7edf2;background:#f9fbfc;border-radius:7px;padding:11px 10px;display:flex;align-items:center;gap:9px;font-size:11px}.portal-scope>span{background:#e8f2f4;color:#3f899c;border-radius:5px;padding:5px;display:flex}.portal-scope .icon{width:15px;height:15px}.portal-scope small{display:block;font-size:8px;color:#8596a6;margin-top:2px}.portal-nav-label{font-size:8px;letter-spacing:1.8px;color:#9fadb9;margin:17px 13px 9px}.portal-nav{display:flex;flex-direction:column;gap:3px}.portal-nav button{display:flex;align-items:center;gap:10px;text-align:left;color:#7b8d9e;border-radius:6px;padding:10px 12px;font-size:11px;width:100%;font-weight:450;min-height:39px}.portal-nav button.active{background:#e8f4f6;color:#267f91;font-weight:600}.portal-nav button:hover:not(.active){background:#f4f7fa;color:#325e70}.portal-nav button .icon{width:17px;height:17px}.portal-sidebar-bottom{margin-top:auto;padding-top:24px}.portal-user{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f5;padding:17px 7px 0}.portal-user>div{min-width:0;flex:1}.portal-user strong{display:block;font-size:10px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portal-user small{color:#9cabb8;display:block;font-size:8px;margin-top:2px}.portal-user .icon{width:15px;height:15px;color:#9caebb}.portal-main{min-width:0}.portal-topbar{height:80px;background:#fff;border-bottom:1px solid var(--p-border);display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:10px;color:#95a3b3;gap:15px}.portal-topbar>div{display:flex;align-items:center;gap:16px}.portal-topbar .icon{width:18px;height:18px}.portal-topbar .icon-button:hover{background:#edf3f7}.portal-topbar .portal-date{font-size:9px;color:#8598a9}.portal-content{padding:30px 38px 50px;max-width:1700px;margin:auto}.portal-demo-bar{background:#19384b;color:#bed6df;border-radius:7px;padding:9px 14px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;margin-bottom:25px}.portal-demo-bar>span{display:flex;align-items:center;gap:8px}.portal-demo-bar .icon{width:13px;height:13px;color:#75c7d1}.portal-demo-bar button{color:#e7ca84;font-size:9px}.portal-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.portal-heading h1{font-size:30px;letter-spacing:-1.2px;line-height:1.3;color:#1c344c}.portal-heading p{font-size:11px;color:#8d9dab;margin-top:5px}.portal-button{background:#1d4b5c;color:white;min-height:39px;padding:10px 15px;font-size:10px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.portal-button:hover{background:#2c6878}.portal-button .icon{width:14px;height:14px}.portal-button.secondary{background:white;border:1px solid #dfe8ef;color:#6a8194}.portal-button.danger{background:#b55757}.portal-button.small{min-height:30px;padding:5px 10px;font-size:9px}.portal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.portal-stat{background:#fff;border:1px solid var(--p-border);border-radius:10px;padding:21px}.portal-stat>div{display:flex;justify-content:space-between;align-items:center;color:#93a3b2}.portal-stat .icon{width:17px;height:17px;color:#6f9daa}.portal-stat small{font-size:10px}.portal-stat strong{font-size:31px;letter-spacing:-1px;font-family:var(--display);font-weight:650;display:block;margin-top:11px;line-height:1.3;color:#20394e}.portal-stat p{font-size:9px;color:#8ca595;margin-top:10px}.portal-card{background:white;border:1px solid var(--p-border);border-radius:10px;overflow:hidden;margin-bottom:22px}.portal-card-header{padding:20px 22px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;align-items:center;gap:15px}.portal-card-header h2{font-size:15px;letter-spacing:-.4px;color:#2a4357;font-weight:650}.portal-card-header p{font-size:9px;color:#92a0ad;margin-top:3px}.portal-card-body{padding:22px}.portal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #edf1f5;flex-wrap:wrap}.portal-search{display:flex;align-items:center;gap:9px;background:#f8fafc;border:1px solid #e4ebf1;border-radius:6px;padding:0 11px;width:260px}.portal-search .icon{width:15px;height:15px;color:#8ca1b3}.portal-search input{background:none;border:0;margin:0;color:#455e74;font-size:10px;padding:10px 0;box-shadow:none}.portal-search input::placeholder{color:#9aa9b7}.portal-filters{display:flex;gap:8px;align-items:center;font-size:10px;color:#93a2b1}.portal-filters select,.portal-filters input{margin:0;background:white;color:#688397;border:1px solid #e4ebf1;font-size:10px;padding:8px;width:auto;max-width:160px}.portal-table-wrap{overflow-x:auto}.portal-table{border-collapse:collapse;width:100%;font-size:10px;text-align:left;white-space:nowrap}.portal-table th{font-weight:500;background:#fafbfd;color:#9aabba;font-size:8px;letter-spacing:.4px;padding:12px 22px;border-bottom:1px solid #edf1f5}.portal-table td{padding:15px 22px;color:#768d9f;border-bottom:1px solid #edf1f5;max-width:280px;overflow:hidden;text-overflow:ellipsis}.portal-table tr:last-child td{border-bottom:0}.portal-table tbody tr:hover{background:#fbfdfe}.portal-table .person-cell{display:flex;align-items:center;gap:11px;color:#334c61}.person-cell strong{display:block;font-size:10px;font-weight:550;color:#314d64}.person-cell small{display:block;font-size:8px;color:#9aabba;margin-top:3px}.portal-table .pill-green,#portal .pill-green{background:#edf8f1;color:#5b9b77}.portal-table .pill-gold,#portal .pill-gold{background:#fdf6e9;color:#b69a56}.portal-table .pill-red,#portal .pill-red{background:#fff0f0;color:#bd7777}.portal-table .pill-blue,#portal .pill-blue{background:#eaf6fa;color:#5396ae}.portal-table .pill{font-size:8px;padding:3px 7px}.row-actions{display:flex;gap:5px;align-items:center}.row-actions button{padding:5px 8px;color:#6f97a5;font-size:9px;border:1px solid #e3edf2;border-radius:4px}.row-actions button:hover{background:#edf6f8}.row-actions .icon{width:13px;height:13px}.portal-pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f5;padding:13px 22px;font-size:9px;color:#9aabba}.portal-pagination>div{display:flex;gap:7px}.portal-pagination button{border:1px solid #e4ebf1;border-radius:4px;padding:4px 8px;color:#738d9e;font-size:9px}.portal-pagination button:disabled{opacity:.35;cursor:default}.portal-panels{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.portal-chart{height:183px;display:flex;gap:22px;align-items:end;border-bottom:1px solid #e4edf2;padding:16px 18px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 38px,#edf2f5 39px,#edf2f5 40px)}.portal-chart>div{height:var(--h);flex:1;background:linear-gradient(#92d4db,#408a9a);border-radius:5px 5px 0 0;position:relative;min-height:3px}.portal-chart>div>span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:8px;color:#95a9b5}.portal-chart>div>small{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:8px;color:#81a0ae}.portal-chart-note{margin-top:38px;font-size:9px;color:#a2b1bd}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action{padding:17px 12px;background:#f8fafc;border:1px solid #e7eef3;border-radius:7px;display:flex;flex-direction:column;align-items:start;gap:13px;text-align:left;font-size:10px;color:#677f91}.quick-action>.icon{width:20px;height:20px;color:#6394a0}.quick-action:hover{background:#edf5f7;border-color:#bdd9df}.portal-empty{padding:55px 20px;text-align:center;color:#9caebb;font-size:11px}.portal-empty>.icon{width:34px;height:34px;color:#adc5cf;display:block;margin:0 auto 15px}.portal-empty h3{font-size:20px;color:#5b7b90;margin-bottom:7px}.portal-empty p{font-size:11px;max-width:390px;margin:auto;line-height:1.8}.portal-empty .portal-button{margin-top:20px}.portal-error{border:1px solid #edccbe;background:#fff7f0;padding:19px 22px;color:#9e725a;border-radius:8px;font-size:11px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.portal-error .icon{flex-shrink:0}.portal-error>span{flex:1}.portal-error button{font-size:10px;text-decoration:underline;color:#986941}.portal-loading{padding:70px;text-align:center;color:#7a9aaa}.portal-loading p{font-size:11px;margin-top:12px}.portal-topbar select{margin:0;width:auto;max-width:230px;background:#f9fbfd;color:#617d90;border-color:#e5edf2;font-size:10px;padding:8px}.portal-balance{background:linear-gradient(120deg,#17394d,#2a6471);padding:26px;border-radius:10px;color:#dcf0f1;margin-bottom:23px;display:flex;align-items:center;justify-content:space-between}.portal-balance h2{font-size:27px;letter-spacing:-1px}.portal-balance p{font-size:10px;color:#a4c3c8;margin-top:7px}.portal-balance strong{font-family:var(--display);font-size:36px;font-weight:600}.portal-balance small{font-size:9px;display:block;color:#92b9c1}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-item{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid #eef2f5}.account-item>div{flex:1}.account-item strong{display:block;font-size:11px;color:#46677c}.account-item p{font-size:10px;color:#94a8b6;margin-top:4px}.account-item>.icon{color:#75a2af}.portal-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.schedule-tile{padding:24px;background:#fff;border:1px solid var(--p-border);border-radius:10px}.schedule-tile h3{font-size:19px;letter-spacing:-.6px}.schedule-hours{font-family:var(--display);font-size:28px;color:#338390;margin:20px 0 12px;letter-spacing:-1px}.schedule-days{display:flex;gap:5px;margin-top:20px}.schedule-days span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #dce9ec;color:#9aacb7;font-size:8px;border-radius:5px}.schedule-days .on{background:#dff1f3;color:#428f9b;border-color:#c6e2e7}.schedule-tile p{font-size:10px;color:#91a4b1}.clock-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.clock-card{text-align:center;background:linear-gradient(140deg,#143348,#235264);border-radius:13px;padding:40px;color:#d8f1f3}.clock-card h2{font-size:18px;letter-spacing:-.4px;color:#bbd9df}.clock-time{font-size:61px;letter-spacing:-3px;font-family:var(--display);font-weight:500;margin:10px 0}.clock-card p{font-size:10px;color:#7faebc}.clock-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:28px}.clock-options button{border:1px solid #ffffff20;background:#ffffff0a;color:#b2d0da;border-radius:7px;padding:14px 12px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px}.clock-options button:first-child{background:#f5c85c;color:#263c42;border-color:#f5c85c}.clock-options .icon{width:17px;height:17px}.clock-privacy{font-size:9px!important;margin-top:25px}.portal-mobile-menu{display:none!important}.detail-nested{border-top:1px solid #ffffff12;padding-top:10px;margin-bottom:10px}.form-tabs{display:flex;gap:6px;margin-top:22px;flex-wrap:wrap}.form-tabs button{padding:8px 12px;background:#1c3143;border-radius:5px;font-size:10px;color:#9cbdcb}.portal-footer-note{color:#a9bac5;font-size:9px;text-align:center;margin-top:28px}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.permission-check{margin:0;font-size:11px;display:flex;align-items:center}.portal-activity{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #ecf1f5}.portal-activity:last-child{border:0}.portal-activity>span:first-child{background:#eaf6f7;color:#5a939f;display:grid;place-items:center;width:30px;height:30px;border-radius:8px}.portal-activity .icon{width:15px;height:15px}.portal-activity>div{flex:1}.portal-activity strong{font-size:10px;color:#56778b;font-weight:500}.portal-activity p{font-size:8px;color:#9caebb;margin-top:2px}.portal-activity small{font-size:8px;color:#9caebb}.import-area{min-height:190px;font-family:monospace;font-size:10px}.portal-profile{display:flex;gap:20px;align-items:center}.portal-profile .avatar{width:66px;height:66px;font-size:20px}.portal-profile h2{font-size:23px;color:#2e4e64;letter-spacing:-.7px}.portal-profile p{font-size:11px;color:#92a8b8;margin-top:5px}.portal-note{padding:15px 19px;background:#ebf4f7;border:1px solid #dbe9ef;border-radius:7px;color:#7594a5;font-size:10px;line-height:1.8;margin-bottom:20px}.portal-progress{height:6px;border-radius:4px;background:#edf2f5;margin-top:14px;overflow:hidden}.portal-progress i{height:100%;display:block;background:#77b7c1;border-radius:4px}.portal-card .muted{color:#9aaeba;font-size:10px}
@media(min-width:1500px){.portal-content{padding:40px 48px}.portal-heading h1{font-size:35px}.portal-table td{padding-block:19px}.portal-stat{padding:25px}}@media(max-width:1100px){.portal-shell{grid-template-columns:205px 1fr}.portal-sidebar{padding:20px 11px}.portal-brand{font-size:18px}.portal-brand img{width:36px;height:36px}.portal-content{padding:27px 25px}.portal-topbar{padding:0 25px}.portal-metrics{gap:12px;grid-template-columns:repeat(2,1fr)}.portal-panels{grid-template-columns:1fr}.portal-heading h1{font-size:27px}.portal-stat{padding:17px}.portal-table th,.portal-table td{padding-inline:17px}.schedule-grid{grid-template-columns:1fr 1fr}.clock-hero{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}}
@media(max-width:760px){.portal-shell{display:block}.portal-sidebar{position:fixed;inset:0 auto 0 0;width:235px;transform:translateX(-100%);transition:transform .25s;box-shadow:20px 0 100px #06243644}.portal-sidebar.open{transform:translateX(0)}.portal-mobile-menu{display:flex!important}.portal-topbar{height:67px;padding:0 17px;position:sticky;top:0;z-index:5}.portal-topbar .portal-date{display:none}.portal-topbar>span{display:none}.portal-topbar>div{gap:5px}.portal-topbar select{max-width:170px;font-size:9px}.portal-content{padding:20px 17px 35px}.portal-demo-bar{font-size:8px;padding:9px 10px;margin-bottom:21px}.portal-demo-bar button{font-size:8px}.portal-heading{align-items:start;margin-bottom:21px}.portal-heading h1{font-size:26px}.portal-heading p{font-size:10px;line-height:1.7;max-width:235px}.portal-heading-actions{gap:6px;justify-content:end}.portal-button{font-size:9px;padding:9px 11px;gap:6px}.portal-button .icon{width:13px;height:13px}.portal-metrics{gap:10px;margin-bottom:20px}.portal-stat{padding:15px}.portal-stat small{font-size:9px}.portal-stat strong{font-size:28px}.portal-stat p{font-size:8px;line-height:1.8}.portal-stat>div .icon{width:15px;height:15px}.portal-panels{gap:0}.portal-card-header{padding:17px}.portal-card-header h2{font-size:14px}.portal-card-body{padding:17px}.portal-search{width:100%}.portal-toolbar{padding:13px 17px}.portal-filters{width:100%;justify-content:space-between}.portal-filters input{max-width:130px}.portal-table td{font-size:9px;padding:14px 17px}.portal-table th{padding:11px 17px}.portal-table .person-cell{gap:8px}.portal-table .avatar{width:27px;height:27px;font-size:8px}.person-cell strong{font-size:9px}.person-cell small{font-size:7px}.portal-pagination{padding:12px 17px;font-size:8px}.portal-balance{padding:22px 18px;gap:15px}.portal-balance h2{font-size:20px}.portal-balance strong{font-size:28px}.portal-balance p{font-size:9px}.portal-balance small{font-size:8px}.schedule-grid{grid-template-columns:1fr}.schedule-tile{padding:22px}.clock-card{padding:28px 20px}.clock-time{font-size:55px}.clock-options{gap:9px}.clock-options button{font-size:10px}.portal-heading-actions .secondary span.button-label{display:none}.portal-table-wrap .portal-table{min-width:580px}.portal-card .portal-table-wrap:after{content:'Desliza para ver más →';display:block;text-align:center;font-size:8px;color:#a0b3bf;padding:6px;border-top:1px solid #edf1f5}.portal-error{padding:15px;font-size:10px}.portal-profile .avatar{width:54px;height:54px;font-size:16px}.portal-profile h2{font-size:21px}}

.portal-sidebar{overflow:hidden}.portal-sidebar>.portal-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.portal-sidebar-bottom{margin-top:12px;padding-top:12px}.portal-brand{font-size:18px;gap:3px}.portal-brand img{width:36px;height:36px}.portal-nav button{font-size:12px}.portal-user strong{font-size:11px}.portal-user small{font-size:9px}.portal-table{font-size:12px}.portal-table td{font-size:12px}.portal-table th{font-size:10px}.person-cell strong{font-size:12px}.person-cell small{font-size:10px}.portal-table .pill{font-size:10px}.portal-stat small{font-size:11px}.portal-stat p{font-size:10px}.portal-heading p{font-size:12px}.portal-button{font-size:11px}.portal-search input{font-size:12px}.portal-pagination{font-size:10px}.portal-pagination button{font-size:10px}.row-actions button{font-size:10px}.quick-action{font-size:12px}.portal-activity strong{font-size:12px}.portal-activity p{font-size:10px}.account-item strong{font-size:12px}.account-item p{font-size:11px}.portal-note{font-size:11px}.portal-profile p{font-size:12px}.portal-demo-bar{font-size:10px}.portal-demo-bar button{font-size:10px}
@media(max-width:760px){.portal-nav button{font-size:12px}.portal-table td{font-size:11px}.portal-table th{font-size:9px}.portal-heading p{font-size:11px}.portal-demo-bar,.portal-demo-bar button{font-size:9px}.portal-heading-actions{max-width:150px}.portal-button{font-size:10px}.portal-user strong{font-size:11px}}

.portal-nav-backdrop{display:none}@media(max-width:760px){.portal-sidebar.open~.portal-nav-backdrop{display:block;position:fixed;inset:0;background:#061d3266;backdrop-filter:blur(3px);z-index:8}.portal-filters label{min-width:0;flex:1}.portal-filters label input{display:block;width:100%;max-width:none;margin-top:5px}}

@media(max-height:550px){.portal-sidebar{overflow-y:auto}.portal-sidebar>.portal-nav{flex:none;min-height:auto;overflow:visible}.portal-sidebar-bottom{margin-top:18px}}

#portal{--p-muted:#64748b}.portal-nav button,.portal-table td,.portal-table th,.person-cell small,.portal-heading p,.portal-stat small,.portal-pagination,.portal-pagination button,.portal-search input::placeholder,.portal-card-header p,.account-item p,.portal-profile p,.portal-card .muted,.portal-footer-note{color:#64748b}.portal-nav button.active{color:#1f6a7a}.portal-stat p{color:#51755e}.portal-note{color:#496d82}#portal .pill-green{color:#417851}#portal .pill-gold{color:#8a681b}#portal .pill-blue{color:#2b7589}.portal-card-body .portal-activity strong{color:#466579}.portal-activity p{color:#64748b}