/* Approved Haomi UI: light editorial glass, cyan accent, compact hierarchy. */
:root{--haomi-ui-bg:#eeedef;--haomi-ui-surface:rgba(255,255,255,.58);--haomi-ui-surface-strong:rgba(255,255,255,.78);--haomi-ui-line:rgba(255,255,255,.86);--haomi-ui-ink:#20242d;--haomi-ui-muted:#6f7480;--haomi-ui-accent:#1BB1C8;--haomi-ui-accent-deep:#08758A;--haomi-ui-card-radius:20px;--haomi-ui-control-radius:12px;--haomi-ui-shadow:0 12px 28px rgba(35,38,48,.09),inset 0 1px 0 rgba(255,255,255,.9);--haomi-ui-ease:cubic-bezier(.22,1,.36,1)}
html,body{background:var(--haomi-ui-bg)!important;color:var(--haomi-ui-ink)!important;font-size:14px!important;letter-spacing:0!important}
body{background:linear-gradient(126deg,#e9e8e4 0%,#f2eff4 46%,#e7e9f0 100%)!important}
body *,body *::before,body *::after{letter-spacing:0!important}
.app-shell{background:transparent!important}
.topbar{background:rgba(255,255,255,.52)!important;border:1px solid var(--haomi-ui-line)!important;border-radius:22px!important;box-shadow:0 14px 34px rgba(35,38,48,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}
.sidebar{background:rgba(248,247,247,.46)!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:22px!important;box-shadow:0 14px 32px rgba(35,38,48,.06),inset 1px 0 0 rgba(255,255,255,.72)!important;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}
.main-content{background:transparent!important}
.card,.panel,.glass-panel,.glass-metric,.glass-toolbar,.data-card,.metric-card,.section-card,.project-card,.activity-panel,.notice-panel,.table-card,.table-view,.settle-card,.person-card,.template-card,.budget-summary,.workspace-switcher,.sync-card,.login-form{border-radius:var(--haomi-ui-card-radius)!important;border-color:var(--haomi-ui-line)!important;background:var(--haomi-ui-surface)!important;box-shadow:var(--haomi-ui-shadow)!important;backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%);transition:background .18s var(--haomi-ui-ease),border-color .18s var(--haomi-ui-ease),box-shadow .18s var(--haomi-ui-ease),transform .18s var(--haomi-ui-ease)}
.project-card,.activity-panel,.notice-panel,.table-card,.table-view,.settle-card,.person-card,.template-card,.budget-summary{overflow:hidden!important}
.project-card:hover,.activity-panel:hover,.notice-panel:hover,.table-card:hover,.table-view:hover,.settle-card:hover,.person-card:hover,.template-card:hover{border-color:rgba(255,255,255,.96)!important;box-shadow:0 16px 34px rgba(35,38,48,.12),inset 0 1px 0 rgba(255,255,255,.94)!important;transform:translateY(-1px)}
.dashboard-call-sheet-card{border-radius:14px!important;border:1px solid rgba(255,255,255,.78)!important;background:rgba(255,255,255,.42)!important;box-shadow:none!important;transition:background .18s var(--haomi-ui-ease),border-color .18s var(--haomi-ui-ease),transform .18s var(--haomi-ui-ease)!important}
.dashboard-call-sheet-card:hover{background:rgba(255,255,255,.7)!important;border-color:rgba(255,255,255,.94)!important;transform:translateY(-1px)}
.page-header h1{font-size:18px!important;font-weight:600!important;line-height:1.3!important}.page-header p{font-size:14px!important;color:var(--haomi-ui-muted)!important}.page-header span{font-size:12px!important;color:var(--haomi-ui-accent-deep)!important;font-weight:600!important}
.nav-item,.sidebar .nav-item,.nav-list .nav-item{border-radius:14px!important;min-height:42px!important;font-size:14px!important;font-weight:500!important;color:var(--haomi-ui-muted)!important;transition:background .18s var(--haomi-ui-ease),color .18s var(--haomi-ui-ease),border-color .18s var(--haomi-ui-ease)}
.nav-item,.sidebar .nav-item,.nav-list .nav-item{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav-item:hover,.sidebar .nav-item:hover{background:rgba(255,255,255,.52)!important;border-color:rgba(255,255,255,.7)!important;color:var(--haomi-ui-ink)!important}
.nav-item.is-active,.sidebar .nav-item.active,.sidebar .nav-item.is-active{background:rgba(255,255,255,.82)!important;border-color:rgba(255,255,255,.94)!important;color:var(--haomi-ui-ink)!important;box-shadow:var(--haomi-ui-shadow)!important}
.nav-item.is-active svg,.sidebar .nav-item.active svg,.sidebar .nav-item.is-active svg{color:var(--haomi-ui-accent)!important}
.primary-button,.primary-btn{min-height:36px!important;border-radius:var(--haomi-ui-control-radius)!important;border:1px solid var(--haomi-ui-accent)!important;background:var(--haomi-ui-accent)!important;color:#fff!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;transition:background .18s var(--haomi-ui-ease),transform .12s var(--haomi-ui-ease)!important}
.primary-button:hover,.primary-btn:hover{background:var(--haomi-ui-accent-deep)!important;border-color:var(--haomi-ui-accent-deep)!important;transform:translateY(-1px)}.primary-button:active,.primary-btn:active{transform:scale(.985)!important}
.login-btn,.oauth-btn{border-radius:var(--haomi-ui-control-radius)!important;box-shadow:none!important;transition:background .18s var(--haomi-ui-ease),border-color .18s var(--haomi-ui-ease),transform .12s var(--haomi-ui-ease)!important}
.oauth-btn{background:rgba(255,255,255,.62)!important;border:1px solid rgba(120,130,145,.22)!important;color:var(--haomi-ui-ink)!important}
.oauth-btn:hover{background:rgba(255,255,255,.84)!important;border-color:rgba(255,255,255,.94)!important;color:var(--haomi-ui-ink)!important;transform:translateY(-1px)}
.login-btn{background:var(--haomi-ui-accent)!important;border-color:var(--haomi-ui-accent)!important;color:#fff!important}
.secondary-button,.small-button,.text-button,.icon-btn,.icon-button{border-radius:var(--haomi-ui-control-radius)!important}.secondary-button,.small-button{background:rgba(255,255,255,.62)!important;border-color:rgba(120,130,145,.22)!important;color:var(--haomi-ui-ink)!important}.secondary-button:hover,.small-button:hover{background:rgba(255,255,255,.84)!important;border-color:rgba(27,177,200,.35)!important}
.metric{border-radius:var(--haomi-ui-card-radius)!important}.metric strong{font-size:22px!important;font-weight:600!important}.metric span,.metric small{font-size:12px!important}
.modal,.dialog,.auth-box,.auth-panel,.login-panel{border-radius:20px!important;border-color:rgba(255,255,255,.92)!important;background:rgba(250,249,252,.86)!important;box-shadow:0 24px 64px rgba(29,31,40,.18),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(26px) saturate(112%);-webkit-backdrop-filter:blur(26px) saturate(112%)}
input,select,textarea{border-radius:12px!important}.table-wrap{border-radius:var(--haomi-ui-card-radius)!important;overflow:auto;max-width:100%}.modal-backdrop{overflow:auto!important;padding:20px!important}.notice-modal{max-height:calc(100vh - 40px)!important;overflow:auto!important}.toast{border-radius:14px!important;background:rgba(250,249,252,.92)!important;border:1px solid rgba(255,255,255,.92)!important;color:var(--haomi-ui-ink)!important;box-shadow:0 16px 40px rgba(29,31,40,.14),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(20px) saturate(112%);-webkit-backdrop-filter:blur(20px) saturate(112%)}
.status-dot{box-shadow:none!important}
@media(max-width:900px){.topbar,.sidebar{border-radius:18px!important}.card,.panel,.glass-panel,.glass-metric,.metric-card,.section-card{border-radius:16px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}