:root{--radius-card: 24px;--radius-control: 999px;--ring-focus: 0 0 0 3px rgba(34, 199, 216, .26)}html,body{min-height:100%}body{margin:0;font-family:Inter,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary);background:radial-gradient(circle at 8% 12%,rgba(90,184,255,.14),transparent 36%),radial-gradient(circle at 90% 82%,rgba(34,199,216,.11),transparent 34%),linear-gradient(140deg,var(--color-bg-start) 0%,var(--color-bg-mid) 46%,var(--color-bg-end) 100%);background-attachment:fixed}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding:1.5rem;position:relative}.app-main{width:min(1360px,100%);margin:0 auto;flex:1}.app-content{margin-top:1.25rem}.container{width:min(1260px,100%)}.glass-nav{width:min(1360px,100%);margin:0 auto;background:linear-gradient(180deg,#ffffffd1,#e7f1f79e);border:1px solid var(--border-glass);border-radius:34px;box-shadow:var(--shadow-glass),inset 0 1px #ffffffdb;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);padding:.85rem 1.15rem}.brand-pill{display:inline-flex;align-items:center;gap:.7rem;color:var(--color-text-primary);font-size:1.86rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.brand-pill-icon{width:2.7rem;height:2.7rem;border-radius:1rem;background:linear-gradient(145deg,#82ecf9eb,#58cde694);border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #ffffffdb,0 10px 22px #3390ae42;display:inline-flex;align-items:center;justify-content:center}.nav-segment{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.3rem;background:#ffffff8a;border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 1px #ffffffd1}.nav-link{color:var(--color-text-secondary);text-decoration:none;border-radius:999px;padding:.78rem 1.35rem;font-size:.95rem;font-weight:600;transition:all .2s ease-out;position:relative}.nav-link:hover{color:var(--color-text-primary);background:#ffffff85}.nav-link.active{color:var(--color-text-primary);background:linear-gradient(180deg,#ffffffdb,#e1eef6b3);box-shadow:inset 0 1px #ffffffe6,0 9px 22px #466e821f}.nav-link.active:after{content:"";width:.36rem;height:.36rem;border-radius:999px;position:absolute;left:50%;bottom:.3rem;transform:translate(-50%);background:var(--color-accent);box-shadow:0 0 12px #22c7d8b3}.user-capsule{border-radius:999px;padding:.34rem .52rem .34rem .34rem;background:linear-gradient(180deg,#ffffffe0,#e2edf5a3);border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #ffffffe0,0 7px 18px #456f8424;color:var(--color-text-primary)}.avatar-bubble{width:2.25rem;height:2.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-accent-deep);background:#d4fafdf2;border:1px solid rgba(255,255,255,.82)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-title-wrap{display:flex;gap:1rem;align-items:center}.page-icon-tile{width:5.6rem;height:5.6rem;border-radius:1.55rem;background:linear-gradient(155deg,#cef5f9e6,#96d8ec80);border:1px solid rgba(255,255,255,.84);box-shadow:inset 0 1px #fffffff2,0 14px 34px #407f9738;display:inline-flex;align-items:center;justify-content:center;color:#fff}.page-title-group h1,.page-title-group h2{margin:0;font-size:clamp(1.9rem,2vw,2.9rem);line-height:1.1;letter-spacing:-.028em;color:var(--color-text-primary)}.page-title-group p{margin-top:.45rem;color:var(--color-text-secondary);font-size:1rem}.glass-stat-card{border-radius:26px;background:linear-gradient(180deg,#ffffffd1,#e7f2f8a8);border:1px solid rgba(255,255,255,.83);box-shadow:var(--shadow-soft),inset 0 1px #ffffffd6;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);padding:1.2rem 1.45rem;min-width:200px}.glass-stat-card .value{color:var(--color-accent-deep);font-size:2.35rem;line-height:1;font-weight:700;letter-spacing:-.03em}.card,.glass-card,.section-panel{border-radius:var(--radius-card);border:1px solid var(--border-glass);background:linear-gradient(180deg,#ffffffa8,#eff7fc85);box-shadow:var(--shadow-soft),inset 0 1px #ffffffd6;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);transition:transform .22s ease-out,box-shadow .22s ease-out}.card:hover,.glass-card:hover,.section-panel:hover{transform:translateY(-2px);box-shadow:0 15px 32px #42748a2e,inset 0 1px #ffffffdb}.card-header{border-bottom:1px solid rgba(168,194,209,.24);padding:1rem 1.4rem;background:#ffffff59}.card-body{padding:1.4rem}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-danger,.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-control);padding:.64rem 1.16rem;font-size:.95rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;border:1px solid rgba(255,255,255,.84);background:linear-gradient(180deg,#ffffffe6,#dbeaf29e);box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #82a0af33,0 8px 24px #466e8224,0 0 0 1px #22c7d814;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);transition:transform .18s ease-out,box-shadow .18s ease-out,filter .18s ease-out}.btn:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.btn-danger:hover,.btn-accent:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:inset 0 1px #fffffff2,0 10px 26px #466e822e,0 0 0 1px #22c7d833}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-success:active,.btn-warning:active,.btn-danger:active,.btn-accent:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #2d52672e,0 4px 14px #466e821f}.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-success:focus-visible,.btn-warning:focus-visible,.btn-danger:focus-visible,.btn-accent:focus-visible,.form-input:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:none;box-shadow:var(--ring-focus)}.btn[disabled],button[disabled]{opacity:.58;cursor:not-allowed;box-shadow:inset 0 1px #ffffffb3}.btn-danger{color:#bd3740}.btn-success,.btn-primary,.btn-warning,.btn-accent{color:var(--color-text-primary)}.action-icon,.btn-icon-glass,a[title="Full View"],button[title],a[title]{width:2.05rem;height:2.05rem;border-radius:.72rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.8);background:linear-gradient(180deg,#ffffffd6,#e1eef69e);color:var(--color-text-secondary);box-shadow:inset 0 1px #ffffffe6,0 4px 10px #4d748829;transition:all .18s ease-out}.action-icon:hover,.btn-icon-glass:hover,a[title="Full View"]:hover,button[title]:hover,a[title]:hover{color:var(--color-accent-deep);transform:translateY(-1px)}.action-icon-danger,button[title*=Delete]{color:#ca4450}.badge,.status,.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .62rem;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.76);background:#fafeffb3}.badge-success,.status-completed,.status-active{color:#0e8f67;background:#d6f9ecd1}.badge-warning,.status-pending,.status-scheduled{color:#a67820;background:#fff3d2d6}.badge-error,.status-failed,.status-inactive{color:#bf3f4a;background:#ffe4e7db}.badge-info,.badge-secondary,.status-draft{color:#1f7eab;background:#ddf3fcd6}.form-group{margin-bottom:.95rem}.form-label,label{font-size:.85rem;font-weight:600;letter-spacing:.01em;color:var(--color-text-secondary);margin-bottom:.4rem}.form-input,input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=file],select,textarea{width:100%;border-radius:14px;border:1px solid rgba(184,205,218,.55);background:#fafeffd6;color:var(--color-text-primary);padding:.64rem .85rem;transition:border-color .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out}.form-input::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.form-checkbox,input[type=checkbox]{border-radius:.38rem;border:1px solid rgba(157,184,201,.6);color:var(--color-accent-deep)}.table-container,.glass-table{border-radius:var(--radius-card);border:1px solid var(--border-glass);overflow:hidden;background:#ffffff8a;box-shadow:var(--shadow-soft),inset 0 1px #ffffffd6}table{width:100%;border-collapse:separate;border-spacing:0}thead{background:#eff7fceb}th{color:var(--color-text-secondary);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}td,th{padding:.86rem 1rem;border-bottom:1px solid rgba(176,198,212,.24)}tbody tr:hover{background:#fbffffb8}.modal,.modal-overlay,.fixed.inset-0.bg-gray-600.bg-opacity-50{position:fixed;top:0;right:0;bottom:0;left:0;background:#3f556147;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:60}.modal-content,.modal-container,.fixed.inset-0.bg-gray-600.bg-opacity-50>.relative.top-20{position:relative;margin:4.5rem auto;width:min(92vw,800px);border-radius:26px;border:1px solid rgba(255,255,255,.84);background:linear-gradient(180deg,#ffffffdb,#e3eff7a8);box-shadow:0 24px 46px #34576a42,inset 0 1px #fffffff0;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);padding:1.2rem}.alert-success,.error-panel,.empty-state{border-radius:18px;border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow-soft)}.alert-success{background:#e1faefd6;color:#0d805d}.error-panel,.error-message{background:#ffe9ecdb;color:#b33641}.empty-state{background:#ffffff9e;padding:2.2rem;text-align:center}.loading-skeleton{border-radius:16px;background:linear-gradient(90deg,#e8f4fae6 25%,#ffffffe6,#e8f4fae6 75%);background-size:220% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app-footer{width:min(1360px,100%);margin:1rem auto 0;border-radius:20px;padding:.85rem;border:1px solid rgba(255,255,255,.75);background:#ffffff85;color:var(--color-text-secondary);box-shadow:var(--shadow-soft)}#bulkActions{background:#f8fdffe6;border-top:1px solid rgba(183,206,220,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.text-indigo-600,.text-blue-600,.text-primary-600{color:var(--color-accent-deep)!important}.text-purple-600{color:var(--color-accent-secondary)!important}.bg-blue-500,.bg-indigo-600,.bg-primary-500{background:linear-gradient(180deg,#ffffffe6,#dbeaf29e)!important;color:var(--color-text-primary)!important;border:1px solid rgba(255,255,255,.84)!important}@media (max-width: 1024px){.glass-nav .hidden.sm\:ml-6.sm\:flex.sm\:space-x-8,.glass-nav .hidden.sm\:ml-6.sm\:flex.sm\:items-center{display:none}.page-header{flex-direction:column;align-items:stretch}.glass-stat-card{width:100%}}
