:root{--ink:#454444;--ink2:#454444;--rose:#CB7569;--champagne:#F2B1A1;--pale:#fff8f6;--line:#e9e3e2;--muted:#776b69;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--pale);color:var(--ink);font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}input,select{background:#fff;border:1px solid #ddd5d5;border-radius:9px;padding:13px 14px;width:100%;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--rose);box-shadow:0 0 0 3px #bc829021}label{display:block;font-weight:650;font-size:12px;margin-bottom:8px}small{color:var(--muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--rose)}.accent{color:var(--rose)}.muted{color:var(--muted);line-height:1.7}.primary{background:var(--ink);color:white;border:none;border-radius:10px;padding:14px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:25px}.primary:hover{background:#443340}.alert{padding:14px 18px;border-radius:10px;margin:18px 35px 0;font-weight:600}.alert-error{background:#ffebec;color:#913b49}.alert-success{background:#ecf6ee;color:#256b47}.sidebar{background:#29232c;color:white;width:252px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;padding:32px 20px}.brand{display:flex;align-items:center;gap:13px;margin:6px 8px 69px}.brand img{height:48px;width:48px}.brand b{font-size:18px;letter-spacing:3px;display:block}.brand small{color:#d0b8b8;letter-spacing:2px;font-size:9px}.nav-label{font-size:9px;letter-spacing:2px;color:#b7a9b4;padding-left:16px;margin-bottom:14px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{border-radius:9px;padding:15px 16px;color:#d4cbd2;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#443640;color:#fff}.sidebar nav a.active{border-left:3px solid var(--rose)}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:22px;border-top:1px solid #514650}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--rose);flex-shrink:0}.user-name{overflow:hidden;flex:1}.user-name strong,.user-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name small{font-size:10px;margin-top:3px}.logout{border:0;background:transparent;color:#fff;font-size:24px;padding:4px}.main{margin-left:252px;min-height:100vh;padding:0 35px 70px}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.top-date{font-size:10px;letter-spacing:1.5px;color:#9c9298}.dot{color:#5f9a78;margin-left:14px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:52px 0 30px}.page-heading h1{font-size:38px;font-weight:650;letter-spacing:-1.6px;margin:10px 0 3px}.pill{border-radius:100px;background:#e8f4ed;color:#3d8358;font-size:11px;padding:9px 14px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stat,.panel,.welcome-card{border-radius:15px;background:white;border:1px solid #eee8e6;padding:26px}.stat{min-height:178px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:800;color:#92858f}.stat-icon{font-size:25px;color:var(--rose)}.stat strong{font-size:42px;display:block;margin-top:18px;letter-spacing:-2px}.stat p{color:var(--muted);font-size:12px;margin:5px 0}.stat.highlight{background:#342b35;color:#fff;border:none}.stat.highlight .stat-top,.stat.highlight p{color:#e0cfd7}.welcome-card{margin-top:24px;padding:40px;background:linear-gradient(110deg,#fff,#f9edf0)}.welcome-card h2{font-size:28px;letter-spacing:-.6px}.welcome-card p{max-width:650px;color:#756c73;line-height:1.8}.panel{margin:22px 0}.panel h2{margin:0 0 25px;font-size:20px}.panel h3{font-size:15px;margin:25px 0 15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid small{display:block;margin-top:6px}.form-actions{align-self:end}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:22px}.check{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:12px;margin:0;font-weight:400}.check input{width:16px;height:16px;accent-color:var(--rose)}.check strong,.check small{display:block}.check small{font-size:11px;margin-top:5px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:1px;font-size:10px;color:#8a7d86;background:#faf7f7}th,td{border-bottom:1px solid var(--line);padding:15px 12px;vertical-align:middle}td{font-size:12px}.tag{font-weight:750;font-size:10px;padding:6px 9px;border-radius:20px}.tag-good{color:#327b51;background:#e5f6ec}.tag-off{color:#8d5360;background:#f7e8ec}.table-actions,.table-actions form{display:flex;gap:7px;align-items:center}.table-actions select{width:130px;padding:8px}.small-button{padding:9px 12px;background:var(--ink);color:white;border:0;border-radius:7px;font-size:11px}.small-button.secondary{background:#f2e8e9;color:#563845}.permissions-cell{max-width:520px;line-height:1.6}.note{font-size:11px}.guest{background:#fff}.login-shell{display:grid;grid-template-columns:49% 51%;min-height:100vh}.login-art{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,#765563 0,#332934 42%,#231e27 100%);color:white;padding:54px 65px;display:flex;align-items:center}.login-art:before{content:"";position:absolute;border:1px solid #a88490;opacity:.24;border-radius:50%;width:700px;height:700px;top:-180px;left:-250px;box-shadow:0 0 0 85px #ffffff05,0 0 0 170px #ffffff05}.art-glow{position:absolute;bottom:-260px;right:-220px;width:650px;height:650px;border-radius:50%;background:#a17a8538;filter:blur(90px)}.art-content{position:relative;z-index:1}.art-logo{width:92px;height:92px;box-shadow:0 0 50px #ffffff11;border-radius:26px}.art-kicker{letter-spacing:5px;font-size:11px;color:#e5bdc8;margin:40px 0 20px}.art-content h1{font-family:Georgia,serif;font-size:clamp(34px,4.1vw,66px);font-weight:400;line-height:1.22;letter-spacing:-2px}.art-content em{color:#e5bbbe;font-weight:400}.art-line{height:2px;width:48px;background:var(--rose);margin:32px 0}.art-content>p:last-child{font-size:15px;color:#d5cad0}.art-footer{position:absolute;bottom:45px;left:65px;font-size:10px;letter-spacing:2px;color:#d5abb6}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:55px 30px}.login-box{width:min(405px,100%)}.login-box h2{font-size:40px;letter-spacing:-2px;margin:13px 0}.login-box .muted{margin-bottom:38px}.stack{display:flex;flex-direction:column;gap:10px}.stack input{padding:16px;margin-bottom:14px}.stack .primary{margin-top:9px;padding:18px}.secure-note{text-align:center;font-size:11px;color:#948992;margin-top:24px}.copyright{position:absolute;bottom:30px;text-align:center;color:#a59ba2;font-size:11px}.login-mobile-brand{display:none}.error-page{display:grid;place-items:center;min-height:100vh}.error-content{text-align:center}.error-content h1{font-size:130px;margin:0;color:var(--rose)}.error-content p{margin-bottom:40px}.link-button{display:inline-block}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-mobile-brand{display:block;margin-bottom:50px;font-size:20px;font-weight:800;letter-spacing:3px}.login-mobile-brand span{font-size:10px;font-weight:400;letter-spacing:0}.login-panel{min-height:100vh}.sidebar{width:205px}.main{margin-left:205px;padding:0 22px 60px}.stats{grid-template-columns:1fr}.page-heading h1{font-size:30px}.form-grid,.check-grid{grid-template-columns:1fr}}@media(max-width:620px){.sidebar{position:relative;width:100%;padding:15px;height:auto}.brand{margin:0 0 12px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar nav a{padding:10px}.sidebar-bottom,.nav-label{display:none}.main{margin:0;padding:0 15px 35px}.topbar{height:55px}.top-date{display:none}.page-heading{margin-top:30px}.page-heading h1{font-size:27px}.pill{display:none}.welcome-card{padding:23px}.alert{margin:12px 0}}

/* Identidad corporativa Fashion Beauty Group — Bootstrap 5 */
:root{--bs-primary:#CB7569;--bs-primary-rgb:203,117,105;--bs-body-color:#454444;--bs-body-bg:#fff8f6}a{color:#B66158}a:hover{color:#91473f}.btn-primary,.btn-primary:hover,.btn-primary:focus{background:#CB7569;border-color:#CB7569;color:#fff}.btn-outline-primary{color:#CB7569;border-color:#CB7569}.btn-outline-primary:hover{background:#CB7569;border-color:#CB7569}.form-control:focus,.form-select:focus{border-color:#CB7569;box-shadow:0 0 0 .2rem #CB756933}.sidebar{background:#fff4f0;color:#454444;border-right:1px solid #f0d9d3}.sidebar .brand{background:#fff;border-radius:12px;padding:8px;margin:0 0 30px}.sidebar .brand img{width:65px;height:65px;object-fit:contain}.sidebar .brand b{color:#454444;font-size:16px}.sidebar .brand small{color:#CB7569}.sidebar nav a{color:#454444}.sidebar nav a:hover,.sidebar nav a.active{background:#F2B1A144;color:#80433c}.sidebar .nav-label{color:#CB7569}.sidebar-bottom{border-color:#efd9d3}.sidebar-bottom .logout{color:#CB7569}.sidebar-bottom .user-name small{color:#746b6b}.topbar .eyebrow{color:#CB7569}.card{border:1px solid #efdeda;border-radius:14px;box-shadow:0 3px 12px #45444407}.kanban-col{border-radius:13px;background:#f7eeeb;padding:16px;min-height:330px}.kanban-col .card{border-left:3px solid #D17971}.login-art{background:linear-gradient(135deg,#CB7569,#D17971 55%,#F2B1A1)}.login-art:before{border-color:#fff8}.art-content em{color:#fff}.art-kicker,.art-footer,.art-content>p:last-child{color:#fff}.art-logo{width:min(360px,85%);height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:18px;background:#fff}.login-box .primary{background:#CB7569}.login-box .primary:hover{background:#a65b50}.stat.highlight{background:#CB7569}.welcome-card{background:linear-gradient(100deg,#fff,#fae6e1)}

/* FBG: etiquetas y submenús */
.fbg-color-label{display:inline-flex;align-items:center;border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--label-color) 22%,white);border-left:4px solid var(--label-color);color:#454444}
.fbg-task-completed{border-color:#78ac8c;opacity:.83}
.fbg-nav-group{margin:5px 0}.fbg-nav-group summary{cursor:pointer;padding:12px 14px;color:inherit;font-weight:600;list-style:none}.fbg-nav-group summary::-webkit-details-marker{display:none}.fbg-nav-group summary:after{content:'⌄';float:right}.fbg-nav-group[open] summary:after{content:'⌃'}.fbg-nav-group>a{display:block;padding:8px 12px 8px 34px!important;font-size:.89rem!important}
