/* Shared identity: navigation, accounts and operational workspaces. */
:root,body.owner-ui{--bg:#f2f5f1;--ink:#19373f;--muted:#657e80;--primary:#164ef5;--primary-dark:#103aca;--border:#d6e1dc;--soft:#e8f0eb;--radius:12px;font-family:"Segoe UI",Arial,sans-serif}
.brand-mark{width:48px;height:48px;border-radius:50%;background:#061328;overflow:hidden;display:inline-block;flex-shrink:0}.brand-mark img{width:155px;height:116px;left:-53px;top:-31px}.brand{font-size:25px;gap:13px;letter-spacing:-1px;padding-bottom:24px;border-bottom:1px solid #ffffff15}.brand small{font-size:9px;color:#a9c7c5;letter-spacing:.5px;margin-top:5px}
.sidebar{background:#10343d;border-color:#26515a;padding-top:26px}.sidebar .nav-label{color:#87aaa9;letter-spacing:1.6px;margin-top:28px}.sidebar .context-button{background:#173f47;border:1px solid #38616a;border-radius:8px;margin-top:24px;padding:15px}.sidebar .context-button .card-symbol{background:#204c54;color:#72d9d2}.sidebar .context-button small{color:#9bbcb9}.sidebar .nav button{border-radius:6px;min-height:48px;color:#bfd2ce;font-size:13px;margin-bottom:5px;transition:background .2s,translate .2s}.sidebar .nav button:hover{background:#1d4b53;translate:3px 0}.sidebar .nav button.active{background:#e4eee6;color:#143c42;box-shadow:inset 3px 0 #57c2ba}.sidebar .nav .count{background:#43655e;color:#fff}.sidebar-foot{border-color:#ffffff16}.sidebar .local-badge{background:transparent;border-color:#42665f;color:#abc6bd}.sidebar-foot .muted{color:#a2b8b3!important}
.topbar{height:85px;background:#f7f9f5eb;border-color:#d8e3dc;backdrop-filter:blur(18px)}.avatar{background:#dcebe3;color:#24584f;border:1px solid #bfd2c8}.user-name strong{font-weight:600}.content{padding:38px 40px;max-width:1600px}.page-heading{padding-bottom:25px;border-bottom:1px solid #ccdcd3;margin-bottom:28px}.page-heading h1{font-size:34px;font-weight:500;letter-spacing:-1.3px;color:#193b43}.eyebrow{font-family:"Consolas",monospace;font-size:10px;letter-spacing:1.4px;color:#4c7e73}.page-heading p{font-size:13px;line-height:1.8}.metric{border-radius:10px;border-color:#d0dfd5;padding:25px;background:#fcfdf9;box-shadow:0 4px 0 #e4ece5;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;left:25px;right:25px;bottom:0;height:2px;background:#bad3c6}.metric.emphasis{background:#163f48;border-color:#163f48}.metric.emphasis:after{background:#51c3b6}.metric.emphasis .metric-label,.metric.emphasis .metric-hint{color:#b8d2cc}.metric-icon{background:#e6efe8;color:#3b7f72;border-radius:8px}.metric-value{font-size:31px;letter-spacing:-1px;font-weight:500}.metric-hint{font-size:11px;color:#6b847b}.panel{border-radius:11px;border-color:#d4e0d8;box-shadow:0 5px 22px #23483b04}.panel-head{padding:22px 25px;border-color:#dce5df;background:#fbfcf8}.panel-head h2{font-weight:550;letter-spacing:-.3px}.section-title h2{font-weight:550;letter-spacing:-.4px}.quick-link{border-radius:8px;border-color:#d7e4da;background:#f8faf5;transition:transform .22s,border-color .22s,background .22s}.quick-link:hover{transform:translateY(-3px);background:#eaf2ea;border-color:#98bba7}.quick-link svg{color:#267c70}.quick-link small{line-height:1.7}.toolbar{background:#f3f6f0;border-color:#d8e2da}th{background:#edf3ed;color:#516d63;font-size:10px;letter-spacing:.6px}td{border-color:#e5ece5;padding-block:17px}tbody tr:hover{background:#f5f8f1}.badge{border-radius:5px}.note{border-radius:7px;background:#eaf2ea;color:#4d7063;border-color:#cdded0;font-size:12px;line-height:1.8}.card-symbol{color:#267c70;background:#e7f0e9}
.btn,.owner-shell .btn,.owner-ui .modal .btn{border-radius:6px;min-height:42px;font-size:12px;padding-inline:17px;border-color:#c8d9ce;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #193c3b0c}.btn:active:not(:disabled){transform:translateY(0)}.btn.primary,.owner-shell .btn.primary,.owner-ui .modal .btn.primary{background:#164ef5;border-color:#164ef5;box-shadow:0 3px 0 #123bc2;color:#fff}.btn.primary:hover{background:#1746d9;box-shadow:0 5px 0 #123bc2}.btn.small{min-height:33px;font-size:11px;padding-inline:12px}.icon-btn{border-radius:7px;border-color:#d4e1d8}.field label,.owner-shell .field label,.owner-ui .modal .field label{color:#4b6860;font-size:12px;font-weight:550}.field input,.field select,.field textarea,.owner-ui .modal .field input,.owner-ui .modal .field select,.owner-ui .modal .field textarea,.owner-shell .field input,.owner-shell .field select,.owner-shell .field textarea{border-radius:6px;border-color:#cbdacf;background:#fcfdf9;color:#23453d;min-height:46px;font-size:14px;padding:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5f9f8e;box-shadow:0 0 0 3px #c9e4d780;outline:none}
.modal,.owner-ui .modal{border:1px solid #b9cfc2;border-radius:13px;box-shadow:0 30px 100px #082c3a45;overflow:hidden;animation:modal-open .28s cubic-bezier(.2,.8,.2,1)}.modal-head,.owner-ui .modal-head{background:#103b44;color:#f0f7ef;border-bottom:3px solid #62c7ba;padding:25px}.modal-head h2,.owner-ui .modal-head h2{font-size:23px;font-weight:500;letter-spacing:-.5px;color:#f0f7ef}.modal-head button{background:#ffffff12;color:#e4f3ec;border:1px solid #ffffff20;border-radius:6px}.modal-body{background:#fbfcf8;padding:28px}.modal-foot,.owner-ui .modal-foot{background:#edf3eb;border-top:1px solid #d3e0d4;padding:20px 28px;gap:12px}.modal-backdrop,.owner-ui .modal-backdrop{background:#05272f99;backdrop-filter:blur(9px)}.form-heading{font-size:15px;color:#356357;border-bottom:1px solid #cdded0;padding-bottom:12px}.form-preview{background:#eaf1e8;border-color:#c8d9cc;border-radius:8px}.form-error:not(:empty){background:#fff0ed;color:#a83228;border-left:3px solid #ce4b3f;padding:12px;border-radius:3px}
.owner-shell{background:#f2f5f1}.owner-header{background:#10343ded;border-bottom:3px solid #64bfb0;height:86px}.owner-logo{font-size:26px;letter-spacing:-1px;gap:13px}.owner-header .brand-mark{width:48px;height:48px}.owner-header-link{color:#bdd4cf}.owner-header-link svg{color:#77d3c5}.owner-menu-button{border-radius:7px;border-color:#648b87;color:#cce6da}.owner-content{padding-top:18px}.owner-breadcrumb{color:#8aa299}.owner-breadcrumb button{color:#68877b}.owner-welcome{background:#dce9de;border:1px solid #bbd0c0;border-radius:11px;padding:32px;color:#173d3c;margin-bottom:32px}.owner-welcome small{font-family:"Consolas",monospace;color:#517c68;font-size:10px;letter-spacing:1.2px}.owner-welcome h1{color:#1b4541;font-size:34px;font-weight:450;letter-spacing:-1px}.owner-welcome p{color:#5d7b6a;font-size:13px}.owner-welcome>span{color:#527764}.owner-welcome:after{border:1px solid #81b49a;width:430px;height:150px;right:-120px;top:20px;transform:rotate(-25deg);border-radius:50%}.owner-title{font-size:31px;font-weight:500;color:#24483e}.owner-title>svg{color:#438f79}.owner-office-card,.owner-route-card{border-radius:10px;border-color:#c9d9cd;background:#fcfdf9;box-shadow:0 5px 0 #e4ece2;min-height:225px;padding:30px}.owner-office-card:hover,.owner-route-card:hover{border-color:#83b59e;box-shadow:0 12px 30px #214e3410;transform:translateY(-4px)}.owner-office-card h3,.owner-route-card h3{font-size:24px;font-weight:550;color:#264a3d}.owner-office-card p,.owner-route-card p{color:#6f877b;line-height:28px}.owner-office-card p strong,.owner-route-card p strong{color:#365e4b}.owner-card-arrow{background:#e0ecdf;color:#3c7c5e;border-radius:5px;width:33px;height:33px}.owner-dashboard-button{border-radius:10px;border-color:#c9d9cd;color:#285043;box-shadow:0 4px 0 #e4ece2}.owner-dashboard-icon{background:#e5eee3;border-color:#c9ddca;border-radius:11px}.owner-dashboard-icon svg{color:#3a8066}.owner-dashboard-chevron svg{color:#3a8066}.owner-shell .panel,.owner-data-table,.owner-delegation,.owner-accounting,.owner-client-profile,.owner-movement,.owner-route-nav,.owner-route-filters,.owner-loans{border-color:#cfdfd2;border-radius:11px}.owner-shell .toolbar{background:#f4f7f0;border-color:#d5e2d4}.owner-shell .owner-data-table th{background:#e7f0e5;color:#4a705a;border-color:#cadcc9}.owner-shell .owner-data-table td{color:#4e6b59}.owner-loan-card{border-color:#cedecc;border-left-color:#559e77;border-radius:9px}.owner-loan-person>strong{color:#355c45}.owner-loan-balance{background:#1c4c43}.owner-route-dock{background:#123b3fee;border-color:#467b6a;border-radius:12px}.owner-route-dock svg{color:#77d0b4}.owner-floating-add{background:#164ef5;border-color:#527df9;border-radius:13px}.owner-card-head{border-bottom:2px solid #69b795}.owner-card-summary{background:#edf4e9;border-color:#d0e0cd}.owner-card-data-row strong{color:#2e7255}.owner-payment-save,.owner-close-route,.owner-movement-save{background:#164ef5;border-radius:6px}.owner-drawer{background:#10343d;border-color:#46776c}.owner-drawer nav button,.owner-drawer summary{color:#c1d7cf}.owner-drawer nav button:hover,.owner-drawer summary:hover{background:#204c51}.owner-drawer-title h2{color:#e4f3e9}.owner-drawer nav button svg,.owner-drawer summary svg{color:#80d2b8}
.auth-page{padding:85px 5vw 40px;background:#f2f5ef;min-height:100dvh;display:flex;align-items:center;justify-content:center}.auth-page .calc-home{color:#4d7162;top:29px;left:5vw;font-size:12px}.auth-layout{width:1120px;max-width:100%;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #bacdc0;border-radius:14px;overflow:hidden;min-height:650px;box-shadow:0 22px 80px #204a3010}.auth-story{background:#123c43;position:relative;padding:44px;display:flex;flex-direction:column;overflow:hidden;color:#eaf5eb}.auth-wordmark{display:flex;align-items:center;gap:15px;font-size:29px;letter-spacing:-1px;color:#f0f8f0;text-decoration:none;position:relative;z-index:1}.auth-wordmark .brand-mark{width:64px;height:64px}.auth-wordmark .brand-mark img{width:207px;height:155px;left:-71px;top:-42px}.auth-story-copy{margin:65px 0 55px;position:relative;z-index:1}.auth-overline{font:9px "Consolas",monospace;color:#92bdb0;letter-spacing:1.8px}.auth-story h2{font-size:52px;font-weight:400;letter-spacing:-2px;line-height:1.1;margin:23px 0}.auth-story h2 em{font-family:Georgia,serif;font-weight:400;color:#a7ddc3}.auth-story p{max-width:330px;font-size:14px;color:#b2cdc0;line-height:1.9;margin:0}.auth-signature{display:flex;gap:13px;align-items:center;margin-top:auto;position:relative;z-index:1;font-size:12px;color:#c6e0d2}.auth-signature .brand-mark{width:32px;height:32px}.auth-signature .brand-mark img{width:103px;height:78px;left:-35px;top:-21px}.auth-signature small{display:block;font-size:10px;margin-top:5px;color:#87af9d}.auth-line{position:absolute;width:850px;height:300px;border:1px solid #4a9586;border-radius:50%;right:-520px;top:130px;transform:rotate(-55deg);animation:auth-breathe 12s ease-in-out infinite alternate;pointer-events:none}.auth-line:after{content:"";position:absolute;inset:18px;border:1px solid #5ab6a8;border-radius:50%}.auth-line:before{content:"";position:absolute;inset:38px;border:1px solid #2670e9;border-radius:50%}
.auth-page .login-card{width:auto;max-width:none;margin:0;background:#fcfdf8;color:#284c3e;border:0;border-radius:0;box-shadow:none;padding:53px 48px;display:flex;flex-direction:column;justify-content:center;min-width:0}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:38px;font-size:23px;font-weight:650;letter-spacing:-.8px;color:#284b3e}.login-brand .brand-mark{width:56px;height:56px}.login-brand .brand-mark img{width:181px;height:136px;left:-62px;top:-37px}.login-brand small{display:block;font:8px "Consolas",monospace;letter-spacing:1.2px;margin-top:5px;color:#708b7b}.auth-page .login-card h1{font-size:31px;letter-spacing:-1px;font-weight:500;color:#244b3c;margin:0 0 12px}.auth-page .login-card>p{font-size:13px;line-height:1.8;color:#72897c;margin-bottom:28px}.auth-page .login-card .field label{color:#496c58;font-size:12px}.auth-page .login-card input{background:#f6f9f2;color:#264e3c;border-color:#c3d7c5;min-height:49px;border-radius:6px}.auth-page .login-card .btn.primary{min-height:49px;margin-top:8px}.auth-page .back-login{color:#547a61;font-size:12px;margin-top:24px}.auth-footer{margin-top:32px;border-top:1px solid #dbe6d8;padding-top:20px;font-size:10px;color:#83998a;line-height:1.7}
.content,.owner-content{animation:workspace-arrive .4s ease both}.metrics .metric{animation:workspace-arrive .5s ease both}.metrics .metric:nth-child(2){animation-delay:.04s}.metrics .metric:nth-child(3){animation-delay:.08s}.metrics .metric:nth-child(4){animation-delay:.12s}@keyframes workspace-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes modal-open{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@keyframes auth-breathe{to{transform:rotate(-42deg) translateY(15px)}}
@media(max-width:1100px){.auth-layout{min-height:600px}.auth-story{padding:35px}.auth-story h2{font-size:44px}.auth-page .login-card{padding:40px 30px}.content{padding:30px 25px}}
@media(max-width:760px){.auth-page{padding:65px 18px 25px;align-items:flex-start}.auth-layout{grid-template-columns:1fr;min-height:0;border-radius:10px}.auth-story{padding:28px 26px;min-height:235px}.auth-wordmark{font-size:25px}.auth-wordmark .brand-mark{width:48px;height:48px}.auth-wordmark .brand-mark img{width:155px;height:116px;left:-53px;top:-31px}.auth-story-copy{margin:25px 0 0}.auth-story h2{font-size:36px;margin:13px 0 0}.auth-story h2 br{display:none}.auth-story h2 em{display:block}.auth-story p,.auth-signature,.auth-overline{display:none}.auth-line{top:-45px}.auth-page .login-card{padding:30px 26px}.login-brand{display:none}.auth-page .login-card h1{font-size:27px}.auth-footer{margin-top:25px}.auth-page .calc-home{left:20px;top:25px}.page-heading h1{font-size:27px}.content{padding:26px 20px}.metric{padding:22px}.metric-value{font-size:27px}.owner-header{height:78px;padding-inline:16px}.owner-logo{font-size:23px;gap:10px}.owner-header .brand-mark{width:43px;height:43px}.owner-header .brand-mark img{width:139px;height:104px;left:-48px;top:-28px}.owner-welcome{padding:26px}.owner-welcome h1{font-size:28px}.owner-welcome p{font-size:12px}.owner-office-card,.owner-route-card{padding:26px}.owner-office-card h3,.owner-route-card h3{font-size:22px}.modal-head,.owner-ui .modal-head{padding:22px}.modal-head h2,.owner-ui .modal-head h2{font-size:22px}.modal-body{padding:22px}.modal-foot,.owner-ui .modal-foot{padding:18px 22px}.topbar{height:75px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.owner-shell .field .owner-search input{padding-left:40px}.modal-head h2,.owner-ui .modal-head h2{display:flex;align-items:center;gap:13px}.modal-head h2:before{content:"";display:block;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#061328 url("soluciones-logo.png") -35px -21px/103px 78px no-repeat}
.field input::file-selector-button{border:1px solid #bdd3c5;background:#e5eee3;border-radius:5px;padding:8px 12px;color:#315943;font:inherit;margin-right:12px;cursor:pointer}
@media print{.owner-header,.sidebar{background:#fff;color:#111}.owner-welcome,.metric.emphasis{background:#fff;color:#111;box-shadow:none}.auth-line{display:none}}