:root{
  --bg:#f4f7fb;--sidebar:#fcfdfe;--line:#e2e8f0;--text:#0f172a;--muted:#64748b;
  --blue:#2563eb;--blue2:#1d4ed8;--green:#10b981;--card:#fff;
  --shadow:0 2px 12px -2px rgba(15,23,42,.04),0 1px 3px rgba(0,0,0,.02)
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Geist,Arial,sans-serif;background:var(--bg);color:#334155}
button,input{font:inherit}
body{display:flex;background:
 radial-gradient(at 12% 15%,rgba(37,99,235,.04),transparent 45%),
 radial-gradient(at 88% 10%,rgba(99,102,241,.04),transparent 40%),
 radial-gradient(at 45% 85%,rgba(59,130,246,.03),transparent 50%),
 #f8fafc}
.sidebar{width:250px;height:100vh;background:#fcfdfe;border-right:1px solid rgba(226,232,240,.95);display:flex;flex-direction:column;box-shadow:0 1px 4px rgba(15,23,42,.04);transition:.2s}
.sidebar.collapsed{width:68px}
.brand{height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}
.brand-left{display:flex;align-items:center;gap:10px;min-width:0}
.logo{width:40px;height:40px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:white}
.logo img{width:100%;height:100%;object-fit:contain}
.brand-name{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1}
.brand-name .cert{color:#0260cc}.brand-name .core{color:#334155}
.brand-sub{font-size:9px;color:#64748b;margin-top:3px;white-space:nowrap}
.collapse-btn{width:28px;height:28px;border-radius:8px;border:1px solid #e2e8f0;background:white;color:#64748b}
.nav{padding:10px;display:flex;flex-direction:column;gap:4px;overflow:auto;flex:1}
.nav a{height:36px;border-radius:12px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#334155;font-size:12px;font-weight:700;transition:.15s}
.nav a:hover{background:#f1f5f9;color:#2563eb}
.nav a.active{background:#2563eb;color:white;box-shadow:0 1px 3px rgba(37,99,235,.18)}
.nav .left{display:flex;align-items:center;gap:10px}
.nav i{width:16px;text-align:center;color:#0f172a}
.nav a.active i{color:#fff}
.nav .chev{font-size:9px;color:#94a3b8}.nav a.active .chev{color:#fff}
.sidebar-bottom{padding:10px;border-top:1px solid #e2e8f0}
.pro-card{padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:linear-gradient(135deg,#fff,#f8fafc 55%,#eff6ff);box-shadow:var(--shadow)}
.pro-head{display:flex;justify-content:space-between;align-items:center}.pro-left{display:flex;gap:9px;align-items:center}
.crown{width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#1d4ed8,#6366f1);color:white;display:grid;place-items:center;font-size:11px}
.pro-card b{font-size:11px;color:#0f172a}.pro-card small{font-size:9px;color:#64748b;display:block}
.days{font-size:10px;font-weight:800;padding:4px 8px;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0}
.progress{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin:10px 0}.progress>i{display:block;width:78%;height:100%;background:#2563eb}
.pro-card button{width:100%;border:0;border-radius:8px;background:#2563eb;color:white;padding:7px;font-size:11px;font-weight:800}
.side-meta{display:flex;justify-content:space-between;font-size:10px;color:#94a3b8;margin-top:8px}.side-meta b{font-size:10px}.active-dot{color:#047857;font-weight:800}.active-dot:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block;margin-right:5px}
.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav span,.sidebar.collapsed .nav .chev,.sidebar.collapsed .pro-card,.sidebar.collapsed .side-meta{display:none}
.sidebar.collapsed .brand{justify-content:center;padding:0 8px;position:relative}
.sidebar.collapsed .collapse-btn{display:grid;place-items:center;position:absolute;right:8px;top:18px;width:24px;height:24px;z-index:5}
.sidebar.collapsed .collapse-btn i{transform:rotate(180deg)}
.sidebar.collapsed .nav a{justify-content:center;padding:0}
.sidebar.collapsed .nav .left{gap:0}

.main{flex:1;height:100vh;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.topbar{height:56px;background:white;border-bottom:1px solid rgba(226,232,240,.8);padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}
.search{position:relative;width:440px}.search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:12px;color:#94a3b8}
.search input{width:100%;height:34px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;padding:0 62px 0 35px;font-size:12px;outline:none}
.search input:focus{background:white;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.08)}
.search kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:600 10px Geist;color:#94a3b8;background:white;border:1px solid #e2e8f0;padding:3px 6px;border-radius:5px}
.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(226,232,240,.7);background:#f8fafc;color:#64748b;position:relative}
.notif{position:absolute;top:1px;right:1px;width:14px;height:14px;border-radius:50%;background:#f43f5e;color:white;font-size:8px;display:grid;place-items:center;border:2px solid white}
.divider{width:1px;height:20px;background:#e2e8f0}.profile{display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #e2e8f0}.pname{font-size:11px;font-weight:800;color:#1e293b}.prole{font-size:10px;color:#94a3b8}
.workspace{flex:1;min-height:0;padding:8px 14px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.hero{height:66px;flex:0 0 auto;background:white;border:1px solid rgba(226,232,240,.95);border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.04);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;left:-40px;top:-55px;width:190px;height:190px;border-radius:50%;background:rgba(59,130,246,.05);filter:blur(15px)}
.hero-left,.hero-right{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:2px 8px}
.hero-badge .pulse{width:7px;height:7px;border-radius:50%;background:#2563eb}
.hero h1{font-size:17px;line-height:1.1;margin:3px 0 0;color:#0f172a;letter-spacing:-.02em}.hero p{font-size:10px;margin:2px 0 0;color:#64748b}.hero-right{display:flex;align-items:center;gap:14px}.quote{font-size:10px;font-style:italic;color:#475569}.clock{text-align:right}.clock strong{font-size:14px;color:#0f172a}.clock small{display:block;font-size:9px;color:#64748b;margin-top:1px}
.tools{flex:0 0 auto;background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:12px;box-shadow:var(--shadow);padding:8px 14px}
.section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#0f172a;margin-bottom:8px}.bar{width:4px;height:14px;background:#2563eb;border-radius:999px}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tool{height:54px;border:1px solid #e2e8f0;background:white;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:.15s}.tool.primary{background:rgba(239,246,255,.75);border-color:#dbeafe}.tool:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.tool-left{display:flex;align-items:center;gap:10px;min-width:0}.tool-ico{width:36px;height:36px;border-radius:11px;background:#f1f5f9;border:1px solid #e2e8f0;display:grid;place-items:center;color:#475569}.tool.primary .tool-ico{background:#2563eb;color:white;border-color:#2563eb}.tool:nth-child(2) .tool-ico{background:#0f172a;color:#fff}.tool h3{font-size:11px;margin:0;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool p{font-size:9px;margin:3px 0 0;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool>i{font-size:10px;color:#94a3b8}.tool.primary>i{color:#2563eb}
.main-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:10px}
.leftcol,.rightcol{min-height:0;display:flex;flex-direction:column;gap:10px}
.categories{flex:1;min-height:0;background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:12px;box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column}
.categories-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.categories-title{display:flex;align-items:center;gap:8px}.categories-title h2{font-size:14px;margin:0;color:#0f172a}.badge{font-size:9px;font-weight:800;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:3px 8px}.link{font-size:10px;color:#2563eb;font-weight:800;text-decoration:none}
.cat-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;overflow:auto}
.cat{min-height:160px;border:1px solid #e2e8f0;border-radius:12px;background:white;overflow:hidden;display:flex;flex-direction:column;transition:.15s}.cat:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.cat-image{position:relative;flex:1;min-height:105px;background:#f1f5f9;overflow:hidden}.cat-image img{width:100%;height:100%;object-fit:cover;transition:.2s}.cat:hover img{transform:scale(1.035)}.cat-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.48),transparent 55%)}.cat-tag{position:absolute;right:7px;top:7px;z-index:2;padding:3px 6px;border-radius:5px;font-size:8px;font-weight:800;background:rgba(255,255,255,.9);color:#334155}.cat-body{padding:9px}.cat-body b{font-size:10px;color:#1e293b}.cat-body small{display:block;font-size:9px;color:#64748b;margin-top:3px}.cat-progress{height:5px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-top:7px}.cat-progress i{display:block;height:100%;border-radius:999px}
.rightcol{overflow:auto}.company{flex:0 0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;box-shadow:var(--shadow)}.company-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid #f1f5f9}.company-id{display:flex;gap:10px;align-items:center}.company-icon{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#60a5fa;display:grid;place-items:center}.company b{font-size:11px;color:#0f172a}.company small{display:block;font-size:9px;color:#94a3b8;margin-top:2px}.switch{font-size:9px;font-weight:800;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:6px 8px}.company-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.company-stats div{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:7px}.company-stats strong{font-size:12px;color:#0f172a}.company-stats span{display:block;font-size:8px;color:#94a3b8;margin-top:2px}
.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid #f1f5f9}.panel-head h3{font-size:11px;margin:0;color:#0f172a}.panel-head span,.panel-head a{font-size:9px;color:#94a3b8;text-decoration:none}.announce-list,.activity-list{display:flex;flex-direction:column;gap:6px;margin-top:7px}.announce,.activity{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(248,250,252,.75);border:1px solid #f1f5f9;border-radius:8px;padding:7px}.announce b,.activity b{font-size:9px;color:#1e293b}.announce p,.activity small{font-size:8px;color:#94a3b8;margin:2px 0 0}.label{font-size:7px;font-weight:800;padding:2px 4px;border-radius:4px;margin-right:4px}.label.new{background:#ffedd5;color:#ea580c}.label.info{background:#e0f2fe;color:#0369a1}.activity-left{display:flex;align-items:center;gap:8px;min-width:0}.activity-ico{width:24px;height:24px;border-radius:6px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:9px}.status{font-size:7px;font-weight:800;padding:3px 6px;border-radius:5px;background:#eff6ff;color:#1d4ed8}
.chart{flex:0 0 auto}.chart-top{display:flex;justify-content:space-between;align-items:center}.chart-top h3{font-size:11px;color:#0f172a;margin:0}.growth{font-size:8px;font-weight:800;color:white;background:linear-gradient(135deg,#10b981,#059669);padding:3px 6px;border-radius:999px}.bars{height:95px;display:flex;align-items:flex-end;gap:6px;padding:8px 4px 16px;border-bottom:1px solid #f1f5f9;margin-top:6px}.barg{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.barg span{font-size:7px;font-weight:800;color:#475569;margin-bottom:3px}.barg i{display:block;width:100%;border-radius:4px 4px 0 0}.barg small{position:absolute;bottom:-14px;font-size:8px;font-weight:700;color:#64748b}.chart-total{margin-top:8px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.chart-total strong{font-size:12px;color:#1e3a8a}
.footer{height:18px;flex:0 0 auto;border-top:1px solid rgba(226,232,240,.5);display:flex;justify-content:space-between;align-items:center;padding:0 4px;font-size:9px;color:#94a3b8}
@media(max-width:1100px){.sidebar{width:68px}.brand-copy,.collapse-btn,.nav span,.nav .chev,.pro-card,.side-meta{display:none}.brand{justify-content:center;padding:0}.nav a{justify-content:center;padding:0}.nav .left{gap:0}.main-grid{grid-template-columns:1fr}.rightcol{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}}

.topbar-spacer{flex:1}
.top-actions{margin-left:auto}
.search{display:none!important}


.topbar-welcome{height:64px;padding:0 18px;gap:16px}
.welcome-top{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.welcome-main{min-width:0}
.welcome-kicker{font-size:8px;font-weight:800;letter-spacing:.06em;color:#2563eb;display:flex;align-items:center;gap:6px;white-space:nowrap}
.welcome-dot{width:6px;height:6px;border-radius:50%;background:#2563eb;display:inline-block}
.welcome-sep{color:#cbd5e1}
.welcome-line{display:flex;align-items:baseline;gap:10px;margin-top:3px;min-width:0}
.welcome-line strong{font-size:14px;color:#0f172a;white-space:nowrap;letter-spacing:-.01em}
.welcome-line span{font-size:9px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.welcome-line b{color:#0f172a}
.welcome-context{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.welcome-quote{font-size:9px;color:#64748b;font-style:italic;white-space:nowrap}
.welcome-quote i{font-size:7px;color:#3b82f6;margin-right:3px}
.welcome-date{padding-left:14px;border-left:1px solid #e2e8f0;text-align:right;line-height:1.1}
.welcome-date strong{display:block;font-size:11px;color:#0f172a}
.welcome-date strong i{font-size:8px;color:#2563eb;margin-right:3px}
.welcome-date span{display:block;font-size:8px;color:#64748b;margin-top:3px;white-space:nowrap}
.welcome-date span i{font-size:7px;margin-right:3px}
.workspace{padding-top:8px;gap:8px}
@media(max-width:1180px){
  .welcome-quote{display:none}
  .welcome-line span{max-width:280px}
}
@media(max-width:960px){
  .welcome-context{display:none}
  .welcome-line span{display:none}
}


.panel-activity{display:flex;flex-direction:column}
.panel-activity .activity-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto;padding-right:2px}
.panel-activity .activity{min-height:50px}

/* v5 ergonomic sizing + cleaner collapsed sidebar */
.sidebar.collapsed .brand{height:74px;justify-content:center;align-items:center;padding:6px 0 14px;position:relative}
.sidebar.collapsed .brand-left{justify-content:center}
.sidebar.collapsed .logo{width:38px;height:38px}
.sidebar.collapsed .collapse-btn{
  display:grid;place-items:center;position:absolute;left:50%;transform:translateX(-50%);
  bottom:6px;top:auto;right:auto;width:20px;height:20px;border-radius:999px;
  background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 1px 4px rgba(15,23,42,.08);z-index:6
}
.sidebar.collapsed .collapse-btn i{transform:rotate(180deg);font-size:9px}
.sidebar.collapsed .nav a{justify-content:center;padding:0}
.sidebar.collapsed .nav .left{gap:0}

/* main area typography ergonomics */
.topbar-welcome{height:66px;padding:0 18px;gap:16px}
.welcome-kicker{font-size:9px}
.welcome-line strong{font-size:16px}
.welcome-line span{font-size:10px}
.welcome-quote{font-size:10px}
.welcome-date strong{font-size:12px}
.welcome-date span{font-size:9px}

.tool h3{font-size:12px}
.tool p{font-size:10px}
.tool{height:56px}

.categories-title h2{font-size:15px}
.badge{font-size:10px}
.link{font-size:11px}

.company b{font-size:12px}
.company small{font-size:10px}
.switch{font-size:10px}
.company-stats strong{font-size:13px}
.company-stats span{font-size:9px}

.panel-head h3{font-size:12px}
.panel-head span,.panel-head a{font-size:10px}
.announce b,.activity b{font-size:10px}
.announce p,.activity small{font-size:9px}
.label{font-size:8px}
.status{font-size:8px}
.footer{font-size:10px}


/* v6 premium polish: shadows, radius, corporate icons, color pass, larger typography */
:root{
  --bg:#eef4f9;
  --sidebar:#fbfdff;
  --line:#d9e4ef;
  --text:#102235;
  --muted:#5f7389;
  --blue:#2357d9;
  --blue2:#173ea8;
  --card:#ffffff;
  --shadow:0 14px 34px -22px rgba(15,23,42,.22), 0 10px 16px -12px rgba(37,99,235,.10), 0 2px 6px rgba(15,23,42,.04);
  --shadow-soft:0 8px 24px -18px rgba(15,23,42,.18), 0 2px 5px rgba(15,23,42,.04);
}
body{
  color:#415468;
  background:
    radial-gradient(at 10% 12%, rgba(37,99,235,.06), transparent 42%),
    radial-gradient(at 90% 10%, rgba(96,165,250,.05), transparent 38%),
    radial-gradient(at 30% 90%, rgba(14,165,233,.05), transparent 35%),
    linear-gradient(180deg,#f8fbff 0%, #eef4f9 100%);
}
.sidebar{
  background:linear-gradient(180deg,#fbfdff 0%, #f6f9fd 100%);
  border-right:1px solid rgba(217,228,239,.95);
  box-shadow:0 12px 28px -22px rgba(15,23,42,.22), 0 2px 4px rgba(15,23,42,.04);
}
.brand{border-bottom:1px solid #dde7f0}
.logo{
  border-radius:12px;
  box-shadow:0 10px 24px -18px rgba(37,99,235,.35), 0 1px 3px rgba(15,23,42,.06);
}
.collapse-btn{
  border-radius:999px;
  border:1px solid #d7e2ec;
  background:linear-gradient(180deg,#ffffff 0%, #f6f9fc 100%);
  box-shadow:0 6px 14px -12px rgba(15,23,42,.22), 0 1px 2px rgba(15,23,42,.05);
  transition:.18s ease;
}
.collapse-btn:hover{
  color:var(--blue);
  border-color:#c7d7ea;
  box-shadow:0 12px 18px -14px rgba(37,99,235,.25), 0 2px 4px rgba(15,23,42,.05);
}
.nav{padding:12px 10px 10px;gap:6px}
.nav a{
  height:40px;
  border-radius:14px;
  font-size:12.5px;
  color:#32465d;
}
.nav a:hover{
  background:#f2f7fc;
  color:var(--blue);
}
.nav a.active{
  background:linear-gradient(135deg,#2b61e4 0%, #1c4ed8 100%);
  box-shadow:0 14px 24px -18px rgba(37,99,235,.55), 0 3px 8px rgba(37,99,235,.12);
}
.nav .left{gap:11px}
.nav .left i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(180deg,#ffffff 0%, #f1f5f9 100%);
  border:1px solid #dce5ee;
  color:#2f435b;
  box-shadow:0 8px 18px -16px rgba(15,23,42,.35), inset 0 1px 0 rgba(255,255,255,.7);
}
.nav a:hover .left i{
  border-color:#c7d8ee;
  color:var(--blue);
  background:linear-gradient(180deg,#ffffff 0%, #eff6ff 100%);
}
.nav a.active .left i{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.26);
  color:#ffffff;
  box-shadow:none;
}
.pro-card,.tools,.categories,.company,.panel,.hero{
  border-radius:16px;
  border-color:#dfe8f1;
  box-shadow:var(--shadow);
}
.topbar{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.topbar-welcome{height:68px}
.welcome-kicker{font-size:9.5px;color:#1f56db}
.welcome-line strong{font-size:17px;color:#102235}
.welcome-line span{font-size:11px;color:#61768d}
.welcome-quote{font-size:10.5px}
.welcome-date strong{font-size:12.5px}
.welcome-date span{font-size:9.5px}
.icon-btn{
  width:34px;height:34px;border-radius:11px;
  border:1px solid #dbe5ee;
  background:linear-gradient(180deg,#ffffff 0%, #f7fafc 100%);
  color:#4a6077;
  box-shadow:0 8px 18px -16px rgba(15,23,42,.3), 0 2px 4px rgba(15,23,42,.04);
}
.icon-btn:hover{color:var(--blue);border-color:#c7d8ee}
.avatar{width:34px;height:34px}
.pname{font-size:12px;color:#18293c}
.prole{font-size:10.5px;color:#72869a}
.tools{padding:10px 14px}
.section-title{font-size:13px}
.bar{height:16px}
.tool{
  height:58px;
  border-radius:14px;
  border-color:#dfe8f1;
  box-shadow:var(--shadow-soft);
}
.tool.primary{
  background:linear-gradient(135deg,rgba(239,246,255,.95) 0%, rgba(226,239,255,.92) 100%);
  border-color:#d1def5;
}
.tool:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
.tool-ico{
  width:38px;height:38px;border-radius:12px;
  background:linear-gradient(180deg,#ffffff 0%, #f1f5f9 100%);
  border:1px solid #d9e4ef;
  box-shadow:0 10px 18px -16px rgba(15,23,42,.35), inset 0 1px 0 rgba(255,255,255,.7);
}
.tool.primary .tool-ico{
  background:linear-gradient(135deg,#2c64ea 0%, #1d4ed8 100%);
  border-color:#2158e0;
}
.tool:nth-child(2) .tool-ico{
  background:linear-gradient(135deg,#111827 0%, #1f2937 100%);
  border-color:#1f2937;
}
.tool h3{font-size:13px}
.tool p{font-size:10.5px;color:#74879a}
.categories{padding:13px}
.categories-title h2{font-size:16px}
.badge{font-size:10.5px;padding:4px 9px}
.link{font-size:11.5px}
.cat{
  border-radius:15px;
  border-color:#dfe7ef;
  box-shadow:0 10px 26px -22px rgba(15,23,42,.26), 0 1px 3px rgba(15,23,42,.05);
}
.cat-image{min-height:110px}
.cat-tag{
  padding:4px 7px;
  border-radius:7px;
  font-size:8.5px;
  box-shadow:0 8px 18px -14px rgba(15,23,42,.24);
}
.cat-body{padding:10px}
.cat-body b{font-size:11.5px;color:#193047}
.cat-body small{font-size:10px;color:#6e8297}
.company-icon{
  width:38px;height:38px;border-radius:12px;
  background:linear-gradient(135deg,#0f172a 0%, #1e3a8a 100%);
  box-shadow:0 12px 18px -15px rgba(30,58,138,.42);
}
.company b{font-size:12.5px}
.company small{font-size:10px}
.switch{
  font-size:10.5px;
  padding:6px 10px;
  border-radius:10px;
}
.company-stats div{
  border-radius:10px;
  padding:8px 7px;
  background:linear-gradient(180deg,#fbfdff 0%, #f6f9fc 100%);
}
.company-stats strong{font-size:13.5px}
.company-stats span{font-size:9px}
.panel{padding:11px}
.panel-head h3{font-size:12.5px}
.panel-head span,.panel-head a{font-size:10px}
.announce,.activity{
  border-radius:10px;
  padding:8px;
  background:linear-gradient(180deg,#fbfdff 0%, #f7fafc 100%);
}
.announce b,.activity b{font-size:10.5px;color:#1a3046}
.announce p,.activity small{font-size:9.5px;color:#738699}
.label{font-size:8px;border-radius:5px;padding:2px 5px}
.activity-ico{
  width:26px;height:26px;border-radius:8px;font-size:10px;
  background:linear-gradient(180deg,#eef4ff 0%, #e1ebff 100%);
  border:1px solid #d7e4fb;
  color:#2557d7;
  box-shadow:0 8px 16px -14px rgba(37,99,235,.35);
}
.status{
  font-size:8px;
  border-radius:6px;
  padding:4px 7px;
}
.footer{font-size:10.5px;color:#8193a6}
.sidebar.collapsed .collapse-btn{
  bottom:7px;
  width:22px;height:22px;
  box-shadow:0 10px 16px -14px rgba(15,23,42,.25), 0 2px 4px rgba(15,23,42,.05);
}



.route-viewport{flex:1;min-height:0;overflow:hidden}
.route-page{height:100%;display:none}
.route-page.active{display:flex;flex-direction:column}
.clean-page{flex:1;min-height:0;padding:10px 14px 10px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.page-head-left{display:flex;align-items:center;gap:12px;min-width:0}
.page-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2c64ea,#1d4ed8);box-shadow:0 14px 24px -18px rgba(37,99,235,.55),0 4px 10px rgba(37,99,235,.14)}
.page-head h1{font-size:20px;line-height:1.1;margin:0;color:#102235;letter-spacing:-.02em}
.page-head p{font-size:11px;margin:3px 0 0;color:#6d8195}
.page-actions{display:flex;gap:8px}
.btn{height:36px;border-radius:11px;padding:0 13px;font-size:11px;font-weight:800;border:1px solid #dbe5ee;background:#fff;color:#415468}
.btn.primary{background:linear-gradient(135deg,#2c64ea,#1d4ed8);color:#fff;border-color:#245be3;box-shadow:0 12px 18px -14px rgba(37,99,235,.42)}
.firma-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:10px}
.firma-main,.firma-side{min-height:0;display:flex;flex-direction:column;gap:10px}
.premium-card{background:#fff;border:1px solid #dfe8f1;border-radius:16px;box-shadow:var(--shadow);padding:14px}
.company-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}
.company-brand{display:flex;align-items:center;gap:14px;min-width:0}
.company-logo-lg{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#4f7ce8;background:linear-gradient(180deg,#f8fbff,#edf4ff);border:1px solid #d7e4f5;font-size:24px}
.company-name{font-size:18px;font-weight:800;color:#102235}
.company-sector{font-size:11px;color:#6e8297;margin-top:3px}
.status-row{display:flex;gap:7px;margin-top:7px}
.status-chip{font-size:9px;font-weight:800;border-radius:999px;padding:4px 8px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}
.status-chip.info{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stat-card{padding:12px;border-radius:13px;border:1px solid #e1e9f1;background:linear-gradient(180deg,#fbfdff,#f7fafc)}
.stat-card strong{display:block;font-size:18px;color:#102235}
.stat-card span{font-size:9.5px;color:#6f8296}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.section-head h2{font-size:13px;margin:0;color:#13283c}
.section-head a{font-size:10px;font-weight:800;color:#2357d9;text-decoration:none}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.info-item{padding:10px 11px;border-radius:11px;border:1px solid #e7edf3;background:#fbfdff}
.info-item label{display:block;font-size:8.5px;font-weight:800;color:#8a9aac;text-transform:uppercase;letter-spacing:.05em}
.info-item div{font-size:11px;font-weight:700;color:#294057;margin-top:4px}
.contacts,.user-list,.activity-stream,.company-switcher{display:flex;flex-direction:column;gap:7px}
.contact,.user-row,.activity-row,.company-mini{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border-radius:11px;border:1px solid #e7edf3;background:#fbfdff}
.contact{justify-content:flex-start}
.contact i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#2357d9}
.contact b,.user-row b,.activity-row b,.company-mini b{display:block;font-size:10.5px;color:#1c344a}
.contact small,.user-row small,.activity-row small,.company-mini small{font-size:9px;color:#7a8da0}
.user-left,.activity-left2{display:flex;align-items:center;gap:9px}
.user-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:#285bdd;font-size:10px;font-weight:800}
.role-pill{font-size:8px;font-weight:800;border-radius:999px;padding:4px 7px;background:#eef2ff;color:#4338ca}
.company-mini.active{border-color:#cbdcf7;background:#f2f7ff}
.placeholder-page{flex:1;display:grid;place-items:center}
.placeholder-card{width:min(680px,90%);padding:30px;background:#fff;border:1px solid #dfe8f1;border-radius:18px;box-shadow:var(--shadow);text-align:center}
.placeholder-card i{font-size:34px;color:#2357d9}
.placeholder-card h2{font-size:20px;color:#102235;margin:14px 0 6px}
.placeholder-card p{font-size:12px;color:#6d8195;margin:0}
@media(max-width:1050px){.firma-grid{grid-template-columns:1fr}.firma-side{display:none}}


/* ===== Clean Frontend v2 : Firma + Participants ===== */
.profile-tabs{display:flex;align-items:center;gap:26px;border-bottom:1px solid #dde7f0;padding:0 2px;flex:0 0 auto}
.profile-tab{border:0;background:transparent;padding:10px 2px 11px;font-size:11px;font-weight:800;color:#63778d;position:relative;cursor:pointer}
.profile-tab.active{color:#2357d9}.profile-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#2b61e4;border-radius:999px}
.firma-editor-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(420px,1.35fr) minmax(300px,.92fr);gap:12px}
.company-selector-card,.company-form-card{min-height:0}
.field-label{display:block;font-size:10px;font-weight:800;color:#40556b;margin:12px 0 6px}.field-label b{color:#ef4444}
.cc-input,.cc-select,.cc-textarea{width:100%;border:1px solid #dbe6f0;background:#fbfdff;border-radius:11px;color:#243b52;font:600 11px Geist;padding:0 12px;outline:none;transition:.15s}
.cc-input,.cc-select{height:44px}.cc-textarea{min-height:104px;padding-top:12px;resize:vertical}
.cc-input:focus,.cc-select:focus,.cc-textarea:focus{border-color:#8db0f1;box-shadow:0 0 0 3px rgba(37,99,235,.07);background:#fff}
.selector-state{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:6px 9px;border-radius:999px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;font-size:9px;font-weight:800}
.selector-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.btn.wide{width:100%}.btn.danger{background:#fff5f4;color:#d9483b;border-color:#f2c7c2}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}
.micro-badge{font-size:8px;font-weight:800;color:#6e8297;background:#f7fafc;border:1px solid #e6edf4;border-radius:999px;padding:4px 7px}
.firma-preview-stack{min-height:0;display:flex;flex-direction:column;gap:12px}
.active-company-card{display:flex;align-items:center;gap:13px}.active-company-logo{width:58px;height:58px;border-radius:15px;border:1px solid #d9e5f1;background:#fbfdff;display:grid;place-items:center;color:#9aabba;font-size:8px;font-weight:800}
.active-company-card small{display:block;font-size:8px;font-weight:800;color:#8b9bad;letter-spacing:.04em}.active-company-card strong{display:block;font-size:12px;line-height:1.25;color:#183048;margin-top:4px}
.cert-preview-card{flex:1;min-height:0}.certificate-mini{height:100%;min-height:210px;border:1px solid #e4d6aa;background:#fff9e8;border-radius:10px;position:relative;padding:16px;box-shadow:inset 0 0 0 7px #f7edcf}
.cert-title{text-align:center;font-size:9px;font-family:serif;color:#715a25;font-weight:800}.cert-line{height:12px;background:#e9f2ef;border:1px solid #dbe7e3;width:55%;margin:12px auto}.cert-box{height:55px;width:68%;margin:10px auto;border:1px solid #f0e5c8;background:#fffdf8}.cert-box.small{height:44px;width:56%}.cert-corner{position:absolute;top:7px;left:7px;border-top:20px solid #dcb64c;border-right:20px solid transparent}.cert-corner.bottom{top:auto;left:auto;bottom:7px;right:7px;transform:rotate(180deg)}
.stamp-drop{min-height:118px;border:1px dashed #cbd8e5;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8093a6;background:#fbfdff}.stamp-drop i{font-size:20px;color:#8ea4bc}.stamp-drop span{font-size:10px;font-weight:800;margin-top:8px}.stamp-drop small{font-size:8px;margin-top:3px}

.participant-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.participant-stat{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe8f1;border-radius:14px;background:#fff;box-shadow:var(--shadow-soft)}
.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.stat-icon.blue{background:#eaf2ff;color:#2563eb}.stat-icon.green{background:#ecfdf5;color:#059669}.stat-icon.amber{background:#fff7e6;color:#d97706}.stat-icon.purple{background:#f3e8ff;color:#7c3aed}
.participant-stat strong{display:block;font-size:16px;color:#102235}.participant-stat span{font-size:9px;color:#74879a}
.participants-table-card{flex:1;min-height:0;display:flex;flex-direction:column}
.participants-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.table-search{position:relative;min-width:280px;flex:1;max-width:420px}.table-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#91a1b2}.table-search input{width:100%;height:38px;border-radius:11px;border:1px solid #dce6ef;background:#f8fbfd;padding:0 12px 0 34px;font-size:10.5px;outline:none}
.toolbar-right{display:flex;gap:8px}.mini-select{height:38px;border-radius:11px;border:1px solid #dce6ef;background:#fff;padding:0 10px;font-size:10px;color:#415468}
.cc-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid #e4ebf2;border-radius:12px}.cc-table{width:100%;border-collapse:collapse;font-size:10px}.cc-table th{position:sticky;top:0;background:#f6f9fc;color:#65798e;text-align:left;padding:10px;border-bottom:1px solid #e1e9f0;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.cc-table td{padding:10px;border-bottom:1px solid #edf2f6;color:#415468}.cc-table tbody tr:hover{background:#fbfdff}
.person-cell{display:flex;align-items:center;gap:9px}.person-avatar{width:30px;height:30px;border-radius:9px;background:#eaf2ff;color:#2459db;display:grid;place-items:center;font-size:9px;font-weight:800}.person-cell b{display:block;font-size:10.5px;color:#173049}.person-cell small{font-size:8.5px;color:#8798a9}
.status-chip.warning{background:#fff7e6;color:#b45309;border-color:#fde7b1}.row-action{width:30px;height:30px;border-radius:9px;border:1px solid #e1e9f0;background:#fff;color:#7e8fa0}.table-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;font-size:9px;color:#8192a4}.pager{display:flex;gap:5px}.pager button{width:28px;height:28px;border-radius:8px;border:1px solid #dfe7ef;background:#fff;color:#63778d;font-size:9px}.pager button.active{background:#2563eb;color:#fff;border-color:#2563eb}

@media(max-width:1180px){.firma-editor-grid{grid-template-columns:1fr 1fr}.firma-preview-stack{display:none}.participant-stats{grid-template-columns:repeat(2,1fr)}}

/* ===== Clean Frontend v3 : Firma compact + functional tabs ===== */
.firma-profile-page .profile-tabs{margin-top:-2px}
.profile-tab-panel{display:none;flex:1;min-height:0;overflow:auto}
.profile-tab-panel.active{display:block}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:12px;min-height:0}
.tab-form-card{min-height:0}
.form-grid.three{grid-template-columns:repeat(3,1fr)}
.brand-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.upload-box{min-height:180px;border:1px dashed #cbd8e5;border-radius:14px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}
.upload-icon{width:46px;height:46px;border-radius:14px;background:#edf4ff;color:#2563eb;display:grid;place-items:center;font-size:20px;margin-bottom:10px}
.upload-icon.stamp{background:#fff6e8;color:#d97706}
.upload-box b{font-size:12px;color:#173049}.upload-box small{font-size:9px;color:#7b8ea1;margin:5px 0 12px}
.brand-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.color-field{display:grid;grid-template-columns:48px 1fr;gap:8px}.color-field input[type=color]{width:48px;height:44px;border:1px solid #dbe6f0;border-radius:11px;padding:5px;background:#fff}
.brand-preview-card{min-height:300px}.brand-preview{height:230px;border-radius:14px;border:1px solid #dfe8f1;background:linear-gradient(160deg,#f9fbff,#edf4ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.brand-preview-logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#2c64ea,#1d4ed8);color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 15px 24px -18px rgba(37,99,235,.5)}
.brand-preview strong{font-size:13px;color:#173049;margin-top:12px}.brand-preview small{font-size:9px;color:#7a8da0;margin-top:4px}
.setting-list{display:flex;flex-direction:column;gap:9px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e5ecf3;background:#fbfdff;border-radius:12px;padding:11px}.setting-row b{display:block;font-size:10.5px;color:#1b344a}.setting-row small{display:block;font-size:9px;color:#8293a5;margin-top:2px}.setting-row input{width:17px;height:17px}
.authorized-list{display:flex;flex-direction:column;gap:8px}.authorized-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #e5ecf3;background:#fbfdff;border-radius:12px}
@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}}

/* ===== Clean Frontend v4 : premium profile tabs + merged contact/address ===== */
.firma-profile-page .profile-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid #dfe8f1;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fafe 100%);
  box-shadow:0 12px 24px -22px rgba(15,23,42,.28),0 2px 5px rgba(15,23,42,.04);
  margin-top:0;
  overflow-x:auto;
}
.firma-profile-page .profile-tab{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 13px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#5c7086;
  font-size:10.5px;
  font-weight:800;
  white-space:nowrap;
  transition:.18s ease;
}
.firma-profile-page .profile-tab:after{display:none!important}
.firma-profile-page .profile-tab:hover{
  background:#f1f6fc;
  border-color:#d9e4ef;
  color:#2357d9;
  transform:translateY(-1px);
}
.firma-profile-page .profile-tab.active{
  color:#ffffff;
  background:linear-gradient(135deg,#2d63e7 0%,#1e4fd6 100%);
  border-color:#265adb;
  box-shadow:0 12px 18px -14px rgba(37,99,235,.55),0 2px 6px rgba(37,99,235,.16);
}
.tab-ico{
  width:26px;
  height:26px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#edf3f9;
  border:1px solid #dde7f0;
  color:#536b82;
  font-size:10px;
}
.profile-tab:hover .tab-ico{
  background:#e8f1ff;
  border-color:#cdddf2;
  color:#2357d9;
}
.profile-tab.active .tab-ico{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.24);
  color:#fff;
}
.contact-address-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  min-height:0;
}
.contact-address-grid .section-head h2{
  display:flex;
  align-items:center;
  gap:7px;
}
.contact-address-grid .section-head h2 i{
  width:26px;height:26px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#eef4ff;
  color:#2357d9;
  font-size:10px;
}
@media(max-width:1050px){
  .contact-address-grid{grid-template-columns:1fr}
}

/* ===== Clean Frontend v5 : Katılımcılar premium refinement ===== */
.participants-page{
  padding-top:10px;
}
.participant-stats{
  gap:12px;
}
.participant-stat{
  min-height:78px;
  padding:14px 15px;
  border-radius:16px;
  border-color:#dfe8f1;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 12px 24px -22px rgba(15,23,42,.26),0 2px 5px rgba(15,23,42,.04);
}
.participant-stat .stat-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  font-size:14px;
}
.participant-stat strong{
  font-size:18px;
  letter-spacing:-.02em;
}
.participant-stat span{
  font-size:9.5px;
}

.participants-premium{
  padding:13px;
  border-radius:16px;
  box-shadow:var(--shadow);
}
.participants-actionbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 0 12px;
  margin-bottom:10px;
  border-bottom:1px solid #e8eef4;
}
.participants-actionbar-left{
  display:flex;
  align-items:center;
  gap:10px;
}
.actionbar-icon{
  width:36px;
  height:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:#2357d9;
  background:linear-gradient(180deg,#eef4ff,#e4edff);
  border:1px solid #d5e2f8;
  box-shadow:0 10px 16px -15px rgba(37,99,235,.35);
}
.participants-actionbar b{
  display:block;
  font-size:12px;
  color:#173049;
}
.participants-actionbar small{
  display:block;
  font-size:9px;
  color:#7d8fa2;
  margin-top:2px;
}
.participants-toolbar{
  padding:9px;
  border:1px solid #e6edf3;
  border-radius:13px;
  background:linear-gradient(180deg,#fbfdff,#f7fafc);
  margin-bottom:10px;
}
.table-search input,
.mini-select{
  background:#fff;
  border-color:#dce6ef;
}
.cc-table-wrap{
  border-radius:14px;
  border-color:#e1e9f1;
  background:#fff;
}
.cc-table th{
  height:42px;
  background:linear-gradient(180deg,#f8fbfd,#f2f6fa);
  color:#60758b;
}
.cc-table td{
  height:52px;
}
.cc-table tbody tr{
  transition:.12s ease;
}
.cc-table tbody tr:hover{
  background:#f7faff;
}
.person-avatar{
  width:32px;
  height:32px;
  border-radius:10px;
}
.row-action:hover{
  color:#2357d9;
  border-color:#cfdced;
  background:#f2f7ff;
}
.table-footer{
  padding-top:11px;
}

/* ===== Clean Frontend v6 : Eğitim Yönetimi ===== */
.trainings-page{padding-top:10px}
.training-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.training-stat{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #dfe8f1;border-radius:15px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow-soft)}
.training-stat-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:14px}
.training-stat-ico.blue{background:#eaf2ff;color:#2563eb}.training-stat-ico.green{background:#ecfdf5;color:#059669}.training-stat-ico.amber{background:#fff7e6;color:#d97706}.training-stat-ico.purple{background:#f3e8ff;color:#7c3aed}
.training-stat strong{display:block;font-size:17px;color:#102235}.training-stat span{font-size:9px;color:#74879a}

.trainings-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.95fr) minmax(300px,.72fr);gap:10px}
.training-main,.training-side{min-height:0;display:flex;flex-direction:column;gap:10px}
.training-categories-panel{flex:1;min-height:0;display:flex;flex-direction:column}
.training-section-head{margin-bottom:10px}.training-section-head h2{display:flex;align-items:center;gap:7px}.training-section-head p,.section-sub{font-size:9px;color:#8193a6;margin:3px 0 0}
.training-category-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;overflow:auto}
.training-category-card{border:1px solid #e0e8f0;border-radius:15px;padding:11px;display:flex;flex-direction:column;min-height:168px;background:#fff;box-shadow:0 10px 22px -20px rgba(15,23,42,.3),0 1px 3px rgba(15,23,42,.04);transition:.15s ease}
.training-category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.training-card-top{display:flex;align-items:center;justify-content:space-between}
.training-card-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:15px;border:1px solid rgba(255,255,255,.7)}
.training-count{font-size:8px;font-weight:800;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(226,232,240,.85);color:#6b7e91}
.training-category-card h3{font-size:11.5px;margin:9px 0 4px;color:#163049}.training-category-card p{font-size:8.5px;line-height:1.35;color:#7a8da0;margin:0}
.training-card-meta{display:flex;gap:10px;margin-top:auto;padding-top:9px;font-size:8.5px;color:#6c8196}.training-card-meta i{margin-right:3px}
.training-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.training-status{font-size:8px;font-weight:800;color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:3px 7px}.training-arrow{width:28px;height:28px;border-radius:9px;border:0;background:#fff;color:#36546f;box-shadow:0 6px 14px -12px rgba(15,23,42,.28)}
.training-yellow{background:linear-gradient(150deg,#fffdf4,#fff8d9)}.training-yellow .training-card-icon{background:#fff3bf;color:#d39b00}
.training-red{background:linear-gradient(150deg,#fff8f6,#ffe5df)}.training-red .training-card-icon{background:#ffe1da;color:#e74d2f}
.training-blue{background:linear-gradient(150deg,#f8fbff,#e9f2ff)}.training-blue .training-card-icon{background:#dceaff;color:#2563eb}
.training-purple{background:linear-gradient(150deg,#fcfaff,#f2eaff)}.training-purple .training-card-icon{background:#eadcff;color:#7c3aed}
.training-teal{background:linear-gradient(150deg,#f7fffd,#e3f8f1)}.training-teal .training-card-icon{background:#d6f2e8;color:#0f9f75}
.training-orange{background:linear-gradient(150deg,#fffaf4,#ffecd2)}.training-orange .training-card-icon{background:#ffe3ba;color:#d97706}
.training-navy{background:linear-gradient(150deg,#f8fbff,#e8eef9)}.training-navy .training-card-icon{background:#dce6f5;color:#244b7a}
.training-emerald{background:linear-gradient(150deg,#f6fffb,#ddf7ea)}.training-emerald .training-card-icon{background:#d2f0e0;color:#0f9f75}

.certificate-tools-panel{flex:0 0 auto}.training-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.training-tool-card{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;text-align:left;border:1px solid #e1e9f1;border-radius:13px;background:#fff;padding:10px;color:#31475d}
.training-tool-card:hover{background:#f9fbff;border-color:#d5e1ee}
.training-tool-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.training-tool-icon.green{background:#e8fbf4;color:#0f9f75}.training-tool-icon.cyan{background:#e9fbfb;color:#0e9f9f}.training-tool-icon.blue{background:#eaf2ff;color:#2563eb}.training-tool-icon.purple{background:#f3e8ff;color:#7c3aed}
.training-tool-card b{display:block;font-size:9.5px;color:#183149}.training-tool-card small{display:block;font-size:8px;color:#7f91a3;margin-top:3px;line-height:1.3}.training-tool-card>i{font-size:9px;color:#8495a6}

.recent-training-activity{flex:1;min-height:0}.training-activity-list{display:flex;flex-direction:column;gap:7px}.training-activity{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #e7edf3;border-radius:11px;background:#fbfdff}.activity-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800}.activity-avatar.blue{background:#1672c5}.activity-avatar.pink{background:#e94d94}.activity-avatar.orange{background:#f06445}.activity-avatar.teal{background:#12a69a}.training-activity b{display:block;font-size:9.5px;color:#1a334a}.training-activity small{display:block;font-size:8.5px;color:#697d90}.training-activity em{display:block;font-size:7.5px;color:#94a3b8;font-style:normal;margin-top:2px}

.training-quick-manage{flex:0 0 auto}.manage-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:0;background:#fff;padding:8px 0;text-align:left;border-bottom:1px solid #edf2f6}.manage-row:last-child{border-bottom:0}.manage-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef4ff;color:#2563eb}.manage-row b{display:block;font-size:9.5px;color:#173149}.manage-row small{display:block;font-size:8px;color:#8192a4;margin-top:2px}.manage-row>i{font-size:8px;color:#9aa8b6}
@media(max-width:1180px){.trainings-layout{grid-template-columns:1fr}.training-side{display:none}.training-category-grid{grid-template-columns:repeat(3,1fr)}}

/* ===== Clean Frontend v7 : original Konu ve Süre Planı logic ===== */
.topics-page{padding-top:10px}
.topics-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.topics-title-block{padding:6px 2px}
.topics-title-line{display:flex;align-items:center;gap:9px}
.topics-title-line strong{font-size:18px;color:#15304a;letter-spacing:-.02em}
.topics-title-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff4da;color:#e39a13;border:1px solid #f1ddb1}
.topics-title-block p{margin:5px 0 0 39px;font-size:10px;color:#6f8296;max-width:540px}
.topics-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px;max-width:520px}
.topics-summary{padding:14px 18px;background:linear-gradient(180deg,#f8fcff,#eef8ff);border-color:#cfe5f5;display:grid;gap:4px;font-size:10.5px;color:#425a72}
.topics-summary b{color:#1667d9}.topics-summary .summary-ok{color:#0c8a63}.topics-summary .summary-ok b{color:#1667d9}

.topic-groups{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:auto}
.topic-group{border:1px solid #dfe8f1;border-radius:14px;background:#fff;box-shadow:0 10px 24px -22px rgba(15,23,42,.28),0 2px 4px rgba(15,23,42,.04);overflow:hidden}
.topic-group-head{width:100%;min-height:78px;border:0;background:linear-gradient(90deg,#f7fffb 0%,#fbfffd 55%,#fff 100%);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;text-align:left;cursor:pointer}
.topic-head-left{display:flex;align-items:center;gap:11px}
.topic-chevron{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:#f59e0b;background:#fff7e6;border:1px solid #fde7b1;transition:.18s}
.topic-group.open .topic-chevron{transform:rotate(90deg)}
.topic-head-left b{display:block;font-size:11.5px;color:#173149}.topic-head-left small{display:block;font-size:9px;color:#667b90;margin-top:7px}
.topic-badge{font-size:8px;font-weight:800;padding:5px 8px;border-radius:999px;background:#eef4ff;color:#2563eb;border:1px solid #d7e4fb}
.topic-group-body{display:none;padding:10px 12px 12px;border-top:1px solid #edf2f6;background:#fff}
.topic-group.open .topic-group-body{display:grid;gap:7px}
.topic-group-body.two-col{grid-template-columns:1fr 1fr}
.topic-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #e7edf3;border-radius:10px;background:#fbfdff;font-size:9.5px;color:#344c63}
.topic-row>div{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.topic-row input{width:58px;height:30px;border:1px solid #d8e3ed;border-radius:8px;background:#fff;text-align:center;font:700 9.5px Geist;color:#24405a}
.topic-row span:last-child{font-size:8px;color:#8696a6}
@media(max-width:1050px){.topics-header-row{flex-direction:column}.topics-actions{max-width:none}.topic-group-body.two-col{grid-template-columns:1fr}}

/* ===== Clean Frontend v8 : Şablon Yönetimi ===== */
.templates-page{padding-top:10px}
.templates-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.template-tabs{display:flex;align-items:center;gap:7px;padding:6px;background:#fff;border:1px solid #dfe8f1;border-radius:14px;box-shadow:var(--shadow-soft)}
.template-filter{height:34px;padding:0 10px;border-radius:9px;border:1px solid transparent;background:transparent;color:#63778d;font-size:9.5px;font-weight:800}
.template-filter:hover{background:#f4f7fb;color:#2357d9}.template-filter.active{background:linear-gradient(135deg,#2c64ea,#1d4ed8);color:#fff;box-shadow:0 10px 18px -14px rgba(37,99,235,.45)}
.templates-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.template-search{position:relative}.template-search i{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:9px;color:#91a1b2}.template-search input{height:36px;width:190px;border:1px solid #dce6ef;border-radius:10px;background:#fff;padding:0 10px 0 31px;font-size:9.5px}
.template-view-toggle{display:flex;border:1px solid #dce6ef;border-radius:10px;overflow:hidden;background:#fff}.template-view-toggle button{width:34px;height:34px;border:0;background:#fff;color:#7c8fa2}.template-view-toggle button.active{background:#2563eb;color:#fff}
.template-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.template-summary-card{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #dfe8f1;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow-soft)}
.summary-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.summary-ico.blue{background:#eaf2ff;color:#2563eb}.summary-ico.green{background:#ecfdf5;color:#059669}.summary-ico.purple{background:#f3e8ff;color:#7c3aed}.summary-ico.amber{background:#fff7e6;color:#d97706}
.template-summary-card strong{display:block;font-size:15px;color:#102235}.template-summary-card small{font-size:8.5px;color:#74879a}

.templates-grid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-content:start}
.template-card{background:#fff;border:1px solid #dfe8f1;border-radius:15px;overflow:hidden;box-shadow:0 10px 24px -22px rgba(15,23,42,.28),0 2px 4px rgba(15,23,42,.04);transition:.15s ease}
.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.template-preview{height:174px;margin:9px;border-radius:10px;position:relative;overflow:hidden;padding:16px 18px;font-family:Georgia,serif;text-align:center}
.cert-main-title{font-size:15px;font-weight:800;letter-spacing:.08em}.cert-subtitle{font-size:7px;letter-spacing:.2em;margin-top:2px}.cert-recipient{font-size:7px;margin-top:12px}.cert-name{font-size:13px;font-style:italic;margin-top:3px}.cert-course{font-size:8px;font-weight:700;margin-top:6px}.cert-copy{font-size:6.5px;line-height:1.3;max-width:76%;margin:6px auto}.cert-meta{display:flex;justify-content:space-between;font-size:5.5px;margin-top:10px}.cert-signs{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;font-size:6px}.cert-seal{position:absolute;right:17px;bottom:24px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px}
.classic-gold{background:#fffdf7;border:1px solid #d8caa0;color:#172840}.classic-gold .cert-band.top{position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(90deg,#0f2749,#c79b3b,#0f2749)}.classic-gold .cert-brandline{font-size:6px;color:#c79b3b;letter-spacing:.2em}.classic-gold .cert-main-title{color:#0f2749}.classic-gold .cert-seal{background:#d0a74f;color:#fff}
.modern-teal{background:#fbffff;border:1px solid #cce6e3;color:#18353a}.wave{position:absolute;border-radius:50%;opacity:.18}.wave-a{width:150px;height:150px;background:#14b8a6;right:-70px;top:-60px}.wave-b{width:120px;height:120px;background:#64748b;left:-60px;bottom:-70px}.modern-teal .cert-main-title{color:#0f766e}.qr-mini{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);font-size:18px;color:#0f766e}
.colorful-blue{background:linear-gradient(145deg,#f6fbff,#eef4ff);border:1px solid #cbdcf5;color:#1d3557}.cert-ribbon{position:absolute;left:0;top:0;width:70px;height:14px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.colorful-blue .cert-main-title{color:#1d4ed8;margin-top:6px}
.minimal-gray{background:#fff;border:1px solid #dfe5eb;color:#334155}.minimal-mark{font-size:16px;color:#64748b}.minimal-line{width:40px;height:2px;background:#cbd5e1;margin:6px auto}
.classic-red{background:#fff9f8;border:1px solid #f1cbc5;color:#5b2020}.corner-shape{position:absolute;width:65px;height:65px;background:#dc5c4c;opacity:.2}.corner-shape.left{left:-30px;top:-30px;transform:rotate(45deg)}.corner-shape.right{right:-30px;bottom:-30px;transform:rotate(45deg)}.classic-red .cert-main-title{color:#b93828}
.modern-indigo{background:#fbfbff;border:1px solid #d9daf3;color:#2f315f}.side-accent{position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(#4338ca,#8b5cf6)}.modern-indigo .cert-main-title{color:#4338ca}
.colorful-green{background:#f7fff9;border:1px solid #cfead7;color:#24523a}.green-orbit{position:absolute;width:120px;height:120px;border:14px solid rgba(34,197,94,.12);border-radius:50%;right:-55px;top:-55px}.colorful-green .cert-main-title{color:#15803d}
.minimal-blue{background:#fff;border:1px solid #d9e4f2;color:#27364a}.minimal-blue-bar{height:5px;background:#2563eb;margin:-16px -18px 14px}.minimal-blue .cert-main-title{color:#1d4ed8}

.template-card-body{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:9px 10px 10px;border-top:1px solid #edf2f6}.template-card-body b{display:block;font-size:9.5px;color:#173049}.template-card-body small{display:block;font-size:8px;color:#7e90a3;margin-top:2px}.template-card-badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.mini-chip{font-size:7px;font-weight:800;padding:3px 6px;border-radius:999px;background:#eaf2ff;color:#2457d5}.mini-chip.soft{background:#f3f6f9;color:#6f8193}
.templates-grid.list-view{grid-template-columns:1fr}.templates-grid.list-view .template-card{display:grid;grid-template-columns:220px 1fr}.templates-grid.list-view .template-preview{height:120px}.templates-grid.list-view .template-card-body{border-top:0;border-left:1px solid #edf2f6}
@media(max-width:1180px){.templates-grid{grid-template-columns:repeat(3,1fr)}.template-summary-row{grid-template-columns:repeat(2,1fr)}}

/* ===== Clean Frontend v9 : Tasarım Stüdyosu ===== */
.studio-page{padding-top:8px;gap:8px}
.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:14px}
.studio-toolbar-left,.studio-toolbar-right{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.studio-tool{height:34px;min-width:44px;border:1px solid transparent;background:#fff;border-radius:9px;color:#5d7186;display:flex;align-items:center;gap:5px;padding:0 8px;font-size:8.5px;font-weight:800}
.studio-tool:hover{background:#f3f7fc;color:#2357d9}.studio-tool.active{background:#eaf2ff;border-color:#d3e2fb;color:#2357d9}
.studio-sep{width:1px;height:24px;background:#e2e8f0;margin:0 3px}.studio-select{height:34px;border:1px solid #dbe5ee;border-radius:9px;background:#fff;padding:0 8px;font-size:9px;color:#4b6074}

.studio-layout{flex:1;min-height:0;display:grid;grid-template-columns:225px minmax(0,1fr) 245px;gap:8px}
.studio-left,.studio-right{min-height:0;overflow:auto;padding:10px;border-radius:14px}
.studio-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #e7edf3}.studio-panel-head h2{font-size:11px;margin:0;color:#173149}.studio-panel-head>span{font-size:8px;font-weight:800;background:#eef4ff;color:#2563eb;padding:3px 6px;border-radius:999px}
.studio-block{padding:10px 0;border-bottom:1px solid #edf2f6}.studio-block:last-child{border-bottom:0}.studio-block>label,.studio-block-title label,.property-section>label,.property-grid label{display:block;font-size:8px;font-weight:800;color:#7b8ea1;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}
.studio-field-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.studio-field-buttons button{height:34px;border:1px solid #e0e8f0;border-radius:9px;background:#fbfdff;color:#41566c;font-size:8px;text-align:left;padding:0 7px}.studio-field-buttons i{width:16px;color:#2563eb}
.studio-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.studio-media-grid button{height:55px;border:1px solid #e1e9f1;border-radius:10px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#5b6f83;font-size:8px}.studio-media-grid i{font-size:14px;color:#2563eb}
.studio-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.studio-shapes button{height:36px;border:1px solid #e1e9f1;border-radius:9px;background:#fff;display:grid;place-items:center}.shape{display:block}.shape.square{width:14px;height:14px;border:2px solid #64748b}.shape.circle{width:15px;height:15px;border:2px solid #64748b;border-radius:50%}.shape.line{width:18px;height:2px;background:#64748b}.shape.badge{width:15px;height:15px;background:#64748b;clip-path:polygon(50% 0,100% 30%,82% 100%,18% 100%,0 30%)}
.studio-block-title{display:flex;align-items:center;justify-content:space-between}.studio-block-title button{width:25px;height:25px;border:1px solid #e1e9f1;border-radius:7px;background:#fff;color:#64748b}.layer-list{display:flex;flex-direction:column;gap:4px}.layer-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px;border-radius:8px;color:#607489;font-size:8px}.layer-row.active{background:#eef4ff;color:#2357d9}.layer-row i:first-child{font-size:8px}.layer-row i:last-child{color:#a0afbd}

.studio-canvas-area{position:relative;min-width:0;min-height:0;border:1px solid #dbe5ee;border-radius:14px;background:#e9eef4;overflow:hidden;display:flex;flex-direction:column}
.studio-canvas-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:22px 28px}
.certificate-canvas{position:relative;width:min(96%,900px);aspect-ratio:1.414/1;background:#fffdf7;border:1px solid #d9cda9;box-shadow:0 18px 35px -25px rgba(15,23,42,.45);overflow:hidden}
.canvas-corner{position:absolute;width:90px;height:90px;border-color:#d5b04f}.canvas-corner.c1{left:14px;top:14px;border-left:3px solid #d5b04f;border-top:3px solid #d5b04f}.canvas-corner.c2{right:14px;top:14px;border-right:3px solid #d5b04f;border-top:3px solid #d5b04f}.canvas-corner.c3{left:14px;bottom:14px;border-left:3px solid #d5b04f;border-bottom:3px solid #d5b04f}.canvas-corner.c4{right:14px;bottom:14px;border-right:3px solid #d5b04f;border-bottom:3px solid #d5b04f}
.editable-item{position:absolute;cursor:move;user-select:none;color:#173149}.canvas-title{font-size:24px;font-weight:800;letter-spacing:.14em;padding:5px 10px}.canvas-title.selected{outline:1px solid #2563eb;background:rgba(37,99,235,.03)}.resize-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid #2563eb}.resize-dot.r1{left:-4px;top:-4px}.resize-dot.r2{right:-4px;top:-4px}.resize-dot.r3{left:-4px;bottom:-4px}.resize-dot.r4{right:-4px;bottom:-4px}
.canvas-subtitle{font-size:9px;letter-spacing:.2em;color:#8b6b22}.canvas-small{font-size:9px;color:#6b7280}.canvas-name{font-family:Georgia,serif;font-size:18px;font-style:italic}.canvas-copy{font-size:9px;max-width:56%;text-align:center;line-height:1.4}.canvas-meta{font-size:7px;line-height:1.6}.canvas-sign{font-size:7px;text-align:center}.canvas-sign span{display:block;margin-top:9px;padding-top:4px;border-top:1px solid #9ca3af;color:#7c8793}.canvas-qr{font-size:42px;color:#173149}.logo-placeholder{width:54px;height:54px;border-radius:12px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:22px;border:1px solid #d7e4fb}
.studio-ruler{position:absolute;background:#f7f9fb;z-index:2}.top-ruler{top:0;left:24px;right:0;height:18px;border-bottom:1px solid #dfe6ed;background-image:repeating-linear-gradient(90deg,transparent 0 19px,#b9c4cf 20px 20px)}.left-ruler{top:18px;bottom:25px;left:0;width:24px;border-right:1px solid #dfe6ed;background-image:repeating-linear-gradient(0deg,transparent 0 19px,#b9c4cf 20px 20px)}
.studio-bottom-status{height:25px;border-top:1px solid #dfe6ed;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:7.5px;color:#74879a}

.property-section{padding:10px 0;border-bottom:1px solid #edf2f6}.selected-element-card{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e1e9f1;border-radius:9px;background:#fbfdff}.selected-icon{width:30px;height:30px;border-radius:9px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center}.selected-element-card b{display:block;font-size:9px;color:#173149}.selected-element-card small{display:block;font-size:7.5px;color:#8293a5;margin-top:2px}
.property-textarea{width:100%;min-height:58px;border:1px solid #dce6ef;border-radius:9px;background:#fbfdff;padding:8px;font-size:9px;resize:vertical}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:9px}.property-input{width:100%;height:32px;border:1px solid #dce6ef;border-radius:8px;background:#fff;padding:0 7px;font-size:8.5px;color:#40556b}
.property-color-row{display:grid;grid-template-columns:42px 1fr;gap:6px}.property-color-row input[type=color]{width:42px;height:32px;border:1px solid #dce6ef;border-radius:8px;padding:4px;background:#fff}
.property-quad{display:grid;grid-template-columns:1fr 1fr;gap:6px}.property-quad>div{display:grid;grid-template-columns:18px 1fr;align-items:center;border:1px solid #dce6ef;border-radius:8px;overflow:hidden}.property-quad span{font-size:7px;text-align:center;color:#8192a4;background:#f3f6f9;height:30px;display:grid;place-items:center}.property-quad input{height:30px;border:0;width:100%;padding:0 6px;font-size:8px}
.property-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.property-buttons button{height:32px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#53697f;font-size:8px}.property-buttons button.danger{color:#d9483b;background:#fff7f6;border-color:#f2d0cc}
@media(max-width:1180px){.studio-layout{grid-template-columns:200px minmax(0,1fr)}.studio-right{display:none}}

/* ===== Clean Frontend v10 : Pro / Photoshop-like Studio ===== */
.studio-pro-page{padding-top:6px;gap:6px;background:#f5f7fa}
.studio-pro-topbar{height:38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4px}
.studio-pro-menu{display:flex;gap:2px}.studio-pro-menu button{height:28px;border:0;background:transparent;border-radius:7px;padding:0 8px;font-size:8.5px;color:#566a7d}.studio-pro-menu button:hover{background:#edf2f7}
.studio-pro-docname{display:flex;align-items:center;gap:6px;font-size:9px}.studio-pro-docname b{color:#173149}.studio-pro-docname small{color:#0f9f75}.doc-dot{width:7px;height:7px;border-radius:50%;background:#2563eb}
.studio-pro-actions{display:flex;justify-content:flex-end;gap:6px}

.studio-pro-toolbar{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:12px;min-height:40px}
.toolbar-group{display:flex;align-items:center;gap:3px}.toolbar-spacer{flex:1}.tool-divider{width:1px;height:22px;background:#dfe6ed;margin:0 4px}
.studio-icon{width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:#fff;color:#5b6f83;display:grid;place-items:center;font-size:9px}.studio-icon:hover{background:#f0f5fb;color:#2357d9}.studio-icon.active{background:#eaf2ff;border-color:#d3e2fb;color:#2357d9}
.studio-pro-select,.studio-number{height:30px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#40556b;font-size:8px;padding:0 7px}.studio-pro-select{min-width:92px}.studio-pro-select.compact{min-width:62px}.studio-number{width:44px;text-align:center}

.studio-pro-workspace{flex:1;min-height:0;display:grid;grid-template-columns:215px minmax(0,1fr) 250px;gap:6px}
.studio-pro-left{padding:0;border-radius:12px;overflow:hidden;min-height:0}
.left-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e7edf3;background:#fbfdff}.left-tabs button{height:48px;border:0;background:transparent;color:#76899c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:7.5px}.left-tabs button i{font-size:11px}.left-tabs button.active{color:#2357d9;background:#eef4ff}
.left-panel{display:none;height:calc(100% - 48px);overflow:auto;padding:10px}.left-panel.active{display:block}
.left-section{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #edf2f6}.left-section:last-child{border-bottom:0}.left-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.left-section-head b{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#7d8fa1}.left-section-head button{width:24px;height:24px;border:1px solid #e0e8f0;border-radius:7px;background:#fff;color:#60748a}
.element-preset{width:100%;text-align:left;border:1px solid #e2e9f0;border-radius:9px;background:#fbfdff;padding:7px 8px;margin-bottom:5px}.element-preset strong{display:block;font-size:10px;color:#173149}.element-preset small{font-size:7px;color:#8a9aac}
.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shape-grid button{height:38px;border:1px solid #e1e9f0;border-radius:8px;background:#fff;display:grid;place-items:center}.shape-grid .sq{width:14px;height:14px;border:2px solid #64748b}.shape-grid .circ{width:15px;height:15px;border:2px solid #64748b;border-radius:50%}.shape-grid .ln{width:18px;height:2px;background:#64748b}.shape-grid .triangle{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid #64748b}.shape-grid .star,.shape-grid .badge{font-size:16px;color:#64748b}
.quick-element-list,.data-fields{display:flex;flex-direction:column;gap:5px}.quick-element-list button,.data-fields button{height:32px;border:1px solid #e1e9f0;border-radius:8px;background:#fbfdff;color:#51667b;display:grid;grid-template-columns:18px 1fr;align-items:center;text-align:left;padding:0 7px;font-size:8px}.quick-element-list i,.data-fields i{color:#2563eb}
.asset-upload{height:90px;border:1px dashed #cbd8e5;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fbfdff;color:#74879a}.asset-upload i{font-size:18px;color:#2563eb}.asset-upload b{font-size:9px;margin-top:5px}.asset-upload small{font-size:7px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.asset-thumb{height:68px;border:1px solid #e1e9f0;border-radius:9px;background:#f8fafc;display:grid;place-items:center;font-size:8px;color:#7d8fa1;font-weight:800}

.studio-pro-canvas-shell{position:relative;min-width:0;min-height:0;border:1px solid #d8e1e9;border-radius:12px;background:#dfe5eb;overflow:hidden;display:flex;flex-direction:column}
.canvas-top-ruler{height:18px;margin-left:22px;border-bottom:1px solid #cfd8e1;background:#f5f7f9;background-image:repeating-linear-gradient(90deg,transparent 0 19px,#adb8c4 20px 20px)}
.canvas-left-ruler{position:absolute;left:0;top:18px;bottom:24px;width:22px;border-right:1px solid #cfd8e1;background:#f5f7f9;background-image:repeating-linear-gradient(0deg,transparent 0 19px,#adb8c4 20px 20px)}
.canvas-stage{flex:1;min-height:0;display:grid;place-items:center;padding:20px 26px 18px}
.canvas-page{position:relative;width:min(95%,930px);aspect-ratio:1.414/1;background:#fffdf8;border:1px solid #d8cba4;box-shadow:0 18px 40px -20px rgba(15,23,42,.45);overflow:hidden}
.safe-area{position:absolute;inset:4%;border:1px dashed rgba(37,99,235,.18);pointer-events:none}.guide-v{position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(37,99,235,.12)}.guide-h{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(37,99,235,.12)}
.ornament{position:absolute;width:78px;height:78px}.o1{left:12px;top:12px;border-left:3px solid #d4ad48;border-top:3px solid #d4ad48}.o2{right:12px;top:12px;border-right:3px solid #d4ad48;border-top:3px solid #d4ad48}.o3{left:12px;bottom:12px;border-left:3px solid #d4ad48;border-bottom:3px solid #d4ad48}.o4{right:12px;bottom:12px;border-right:3px solid #d4ad48;border-bottom:3px solid #d4ad48}
.canvas-object{position:absolute;cursor:move;user-select:none}.canvas-object.selected{outline:1px solid #2563eb;background:rgba(37,99,235,.025)}
.handle{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid #2563eb}.handle.h1{left:-4px;top:-4px}.handle.h2{right:-4px;top:-4px}.handle.h3{left:-4px;bottom:-4px}.handle.h4{right:-4px;bottom:-4px}
.object-text{color:#173149}.title-text{font-size:24px;font-weight:800;letter-spacing:.14em;padding:5px 10px}.subtitle-text{font-size:9px;letter-spacing:.2em;color:#8b6b22}.small-text{font-size:9px;color:#6b7280}.name-text{font-family:Georgia,serif;font-size:18px;font-style:italic}.body-text{font-size:9px;max-width:360px;text-align:center;line-height:1.4}.meta-text{font-size:7px;line-height:1.6}.signature-line{font-size:7px;text-align:center;color:#173149}.signature-line span{display:block;margin-top:9px;padding-top:4px;border-top:1px solid #9ca3af;color:#7c8793}
.pro-logo{width:54px;height:54px;border-radius:12px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:22px;border:1px solid #d7e4fb}.pro-qr{font-size:42px;color:#173149}
.canvas-status{height:24px;border-top:1px solid #cfd8e1;background:#f7f9fb;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:7px;color:#728496}

.studio-pro-right{min-height:0;display:flex}.inspector-card{padding:0;border-radius:12px;overflow:hidden;width:100%;min-height:0}
.inspector-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e7edf3}.inspector-tabs button{height:38px;border:0;background:#fbfdff;color:#76899c;font-size:8px;font-weight:800}.inspector-tabs button.active{color:#2357d9;background:#eef4ff}
.inspector-panel{display:none;height:calc(100% - 38px);overflow:auto;padding:10px}.inspector-panel.active{display:block}
.inspector-section{padding:9px 0;border-bottom:1px solid #edf2f6}.inspector-section>label,.inspector-grid label{display:block;font-size:7.5px;font-weight:800;color:#7d8fa1;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.selected-object-box{display:flex;align-items:center;gap:8px;border:1px solid #e1e9f0;background:#fbfdff;border-radius:9px;padding:7px}.selected-object-box>span{width:28px;height:28px;border-radius:8px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center}.selected-object-box b{display:block;font-size:8.5px;color:#173149}.selected-object-box small{font-size:7px;color:#8394a5}
.inspector-section textarea{width:100%;min-height:54px;border:1px solid #dce6ef;border-radius:8px;padding:7px;font-size:8px;background:#fff}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:8px}.inspector-grid input,.inspector-grid select{width:100%;height:30px;border:1px solid #dce6ef;border-radius:8px;background:#fff;padding:0 6px;font-size:8px;color:#40556b}
.color-control{display:grid;grid-template-columns:40px 1fr;gap:6px}.color-control input[type=color]{width:40px;height:30px;border:1px solid #dce6ef;border-radius:8px;padding:3px;background:#fff}.color-control input:not([type=color]){height:30px;border:1px solid #dce6ef;border-radius:8px;padding:0 6px;font-size:8px}
.coord-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.coord-grid>div{display:grid;grid-template-columns:20px 1fr;border:1px solid #dce6ef;border-radius:8px;overflow:hidden}.coord-grid span{height:28px;display:grid;place-items:center;background:#f3f6f9;font-size:7px;color:#8293a5}.coord-grid input{height:28px;border:0;padding:0 5px;font-size:8px;width:100%}
.range-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.range-row span{font-size:8px;color:#63778d}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;margin:0!important;padding:5px 0;font-size:8px!important;color:#53697f!important;text-transform:none!important;letter-spacing:0!important}
.layers-pro{display:flex;flex-direction:column;gap:4px}.layer-pro{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:7px;padding:7px;border-radius:8px;color:#607489;font-size:7.5px}.layer-pro.active{background:#eef4ff;color:#2357d9}
.history-list{display:flex;flex-direction:column;gap:5px}.history-item{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;padding:7px;border-radius:8px;background:#fbfdff;border:1px solid #e7edf3}.history-item.active{border-color:#cfe0f7;background:#f1f6ff}.history-item>i{width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.history-item b{display:block;font-size:8px;color:#173149}.history-item small{font-size:7px;color:#8999a8}
@media(max-width:1220px){.studio-pro-workspace{grid-template-columns:195px minmax(0,1fr)}.studio-pro-right{display:none}}

/* ===== Clean Frontend v11 : Sertifika Üretimi ===== */
.certificate-page{padding-top:7px;gap:8px}
.certificate-commandbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:14px}
.certificate-command-left,.certificate-command-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cert-mode-switch{display:flex;padding:3px;background:#f3f6f9;border-radius:10px;border:1px solid #e2e9f0}.cert-mode-switch button{height:31px;border:0;border-radius:8px;background:transparent;color:#65798e;padding:0 10px;font-size:8.5px;font-weight:800}.cert-mode-switch button.active{background:#fff;color:#2357d9;box-shadow:0 4px 12px -8px rgba(15,23,42,.28)}
.cert-divider{width:1px;height:28px;background:#e3e9ef}.cert-draft-status{display:flex;align-items:center;gap:7px}.draft-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.cert-draft-status b{display:block;font-size:8.5px;color:#334b62}.cert-draft-status small{display:block;font-size:7px;color:#8b9aaa}

.certificate-stepper{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;padding:8px 10px;border-radius:14px}
.cert-step{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;padding:5px 8px;border-radius:10px}.cert-step>span{width:28px;height:28px;border-radius:9px;background:#eef2f6;color:#6c8095;display:grid;place-items:center;font-size:9px;font-weight:800}.cert-step b{display:block;font-size:8.5px;color:#53687c}.cert-step small{display:block;font-size:7px;color:#93a1af;margin-top:1px}.cert-step.active{background:#eef4ff}.cert-step.active>span{background:#2563eb;color:#fff}.cert-step.active b{color:#2357d9}.certificate-stepper>i{font-size:7px;color:#b0bbc5}

.certificate-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:8px}.certificate-main{min-height:0}.cert-step-panel{display:none;height:100%}.cert-step-panel.active{display:block}.certificate-section-card{height:100%;min-height:0;display:flex;flex-direction:column;padding:13px;border-radius:15px}.cert-section-head{flex:0 0 auto}.cert-section-head h2{display:flex;align-items:center;gap:7px}.cert-section-head h2 i{width:28px;height:28px;border-radius:9px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:10px}
.participant-picker-toolbar{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e6edf3;border-radius:12px;background:#f8fbfd;margin-bottom:9px}.participant-picker-toolbar .table-search{max-width:none}
.participant-picker-table{flex:1;min-height:0;overflow:auto;border:1px solid #e2e9f0;border-radius:12px;background:#fff}.picker-head,.picker-row{display:grid;grid-template-columns:28px 1.3fr .9fr 1fr .55fr;align-items:center;gap:8px;padding:8px 10px}.picker-head{position:sticky;top:0;background:#f5f8fb;border-bottom:1px solid #e2e9f0;color:#6d8195;font-size:7.5px;font-weight:800;text-transform:uppercase;z-index:1}.picker-row{border-bottom:1px solid #edf2f6;font-size:8.5px;color:#455b70;cursor:pointer}.picker-row.selected{background:#f7faff}.picker-row:hover{background:#fafcff}.picker-row input{accent-color:#2563eb}
.cert-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;margin-top:auto;border-top:1px solid #edf2f6;font-size:8.5px;color:#65798e}

.certificate-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.certificate-form-grid .field.full{grid-column:1/-1}.cert-training-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.cert-training-summary>div{display:flex;align-items:center;gap:8px;border:1px solid #e4ebf2;border-radius:11px;background:#fbfdff;padding:9px}.cert-training-summary b{display:block;font-size:9px;color:#173149}.cert-training-summary small{display:block;font-size:7px;color:#8192a4;margin-top:2px}

.certificate-detail-layout{flex:1;min-height:0;display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.cert-template-selector{min-height:0}.cert-template-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cert-template-option{border:1px solid #dfe8f1;border-radius:12px;background:#fff;padding:8px;text-align:left}.cert-template-option.active{border-color:#8db1ef;box-shadow:0 0 0 3px rgba(37,99,235,.06)}.cert-template-option b{display:block;font-size:8.5px;color:#173149;margin-top:6px}.cert-template-option small{font-size:7px;color:#8293a5}.mini-cert-preview{height:92px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-family:Georgia,serif}.mini-cert-preview span{font-size:8px;font-weight:800;letter-spacing:.08em}.mini-cert-preview i{font-size:15px}.mini-cert-preview.gold{background:#fffaf0;border:1px solid #e1d0a0;color:#7d5e18}.mini-cert-preview.teal{background:#f3fffd;border:1px solid #cce8e2;color:#0f766e}.mini-cert-preview.blue{background:#f5f9ff;border:1px solid #d7e4f4;color:#2563eb}
.cert-options-card{border:1px solid #e2e9f0;border-radius:12px;background:#fbfdff;padding:10px}.cert-number-row{display:grid;grid-template-columns:1fr auto;gap:6px}.auto-pill{display:flex;align-items:center;gap:4px;padding:0 8px;border-radius:10px;background:#eef4ff;color:#2563eb;font-size:7.5px;font-weight:800;border:1px solid #d7e4fb}.cert-toggle-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.cert-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid #e3eaf1;border-radius:9px;background:#fff}.cert-toggle-row b{display:block;font-size:8.5px;color:#173149}.cert-toggle-row small{display:block;font-size:7px;color:#8394a5;margin-top:2px}.cert-toggle-row input{width:16px;height:16px;accent-color:#2563eb}

.preview-step-card{overflow:hidden}.certificate-preview-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:12px}.full-cert-preview{position:relative;align-self:center;justify-self:center;width:min(96%,760px);aspect-ratio:1.414/1;background:#fffdf7;border:1px solid #d8cba4;box-shadow:0 14px 32px -22px rgba(15,23,42,.4);overflow:hidden}.preview-cert-corner{position:absolute;width:72px;height:72px}.preview-cert-corner.tl{left:12px;top:12px;border-left:3px solid #d4ad48;border-top:3px solid #d4ad48}.preview-cert-corner.tr{right:12px;top:12px;border-right:3px solid #d4ad48;border-top:3px solid #d4ad48}.preview-cert-corner.bl{left:12px;bottom:12px;border-left:3px solid #d4ad48;border-bottom:3px solid #d4ad48}.preview-cert-corner.br{right:12px;bottom:12px;border-right:3px solid #d4ad48;border-bottom:3px solid #d4ad48}.preview-company-logo{position:absolute;left:5.5%;top:7.5%;width:46px;height:46px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:18px}.preview-qr{position:absolute;right:5.5%;top:7.5%;font-size:35px;color:#173149}.preview-cert-title{text-align:center;margin-top:10%;font-size:22px;font-weight:800;letter-spacing:.14em;color:#173149}.preview-cert-sub{text-align:center;font-size:8px;letter-spacing:.2em;color:#8b6b22}.preview-cert-sayin{text-align:center;font-size:8px;color:#6b7280;margin-top:8%}.preview-cert-name{text-align:center;font:italic 17px Georgia,serif;color:#173149;margin-top:1%}.preview-cert-course{text-align:center;font-size:9px;font-weight:800;color:#173149;margin-top:4%}.preview-cert-copy{text-align:center;font-size:7.5px;color:#4d6073;margin:2% auto;width:56%}.preview-cert-meta{position:absolute;left:8%;bottom:9%;font-size:6.5px;line-height:1.5;color:#53697f}.preview-cert-sign{position:absolute;bottom:8%;font-size:6.5px;text-align:center;color:#173149}.preview-cert-sign span{display:block;margin-top:7px;border-top:1px solid #9ca3af;padding-top:3px;color:#74879a}.preview-cert-sign.s1{left:38%}.preview-cert-sign.s2{right:9%}
.preview-summary-card{border:1px solid #e2e9f0;border-radius:12px;background:#fbfdff;padding:11px;overflow:auto}.preview-summary-card h3{font-size:10px;color:#173149;margin:0 0 8px}.preview-summary-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #e9eef3;font-size:8px;color:#718397}.preview-summary-row b{color:#31485e}.ok-text{color:#059669!important}.preview-integrity{display:flex;gap:8px;margin-top:10px;padding:9px;border-radius:9px;background:#ecfdf5;border:1px solid #c8efdf;color:#047857}.preview-integrity>i{font-size:15px}.preview-integrity b{display:block;font-size:8px}.preview-integrity small{display:block;font-size:7px;line-height:1.3;margin-top:2px;color:#3a7a65}

.certificate-side{min-height:0;display:flex;flex-direction:column;gap:8px}.cert-side-summary,.cert-lifecycle-card,.cert-side-actions{padding:11px;border-radius:14px}.cert-summary-persons{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid #edf2f6}.cert-side-line{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #edf2f6;font-size:8px}.cert-side-line span{color:#7d8fa1}.cert-side-line b{color:#31485e}
.lifecycle-mini{display:flex;flex-direction:column}.life-node{display:flex;align-items:center;gap:8px}.life-node>span{width:24px;height:24px;border-radius:8px;background:#eef2f6;color:#74879a;display:grid;place-items:center;font-size:7.5px;font-weight:800}.life-node.active>span{background:#2563eb;color:#fff}.life-node b{display:block;font-size:8px;color:#455b70}.life-node small{font-size:7px;color:#94a3b8}.life-line{width:1px;height:14px;background:#dce4ec;margin-left:12px}
.cert-side-actions>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;padding:7px 0}.cert-side-actions>button:last-child{border-bottom:0}.cert-side-actions>button>span{width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.cert-side-actions b{display:block;font-size:8px;color:#173149}.cert-side-actions small{display:block;font-size:7px;color:#8595a5}.cert-side-actions>button>i{font-size:7px;color:#a0adba}
@media(max-width:1150px){.certificate-layout{grid-template-columns:1fr}.certificate-side{display:none}.certificate-detail-layout{grid-template-columns:1fr}.certificate-preview-layout{grid-template-columns:1fr}.preview-summary-card{display:none}}

/* ===== Clean Frontend v12 : Doğrulama Merkezi ===== */
.verify-page{padding-top:8px;gap:8px}
.verify-search-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:15px}
.verify-search-left{display:flex;align-items:center;gap:10px}.verify-shield{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#eaf2ff,#dbe8ff);color:#2563eb;display:grid;place-items:center;font-size:16px;border:1px solid #d4e1f8}.verify-search-left b{display:block;font-size:11px;color:#173149}.verify-search-left small{display:block;font-size:8px;color:#7d8fa2;margin-top:2px}
.verify-search-box{display:grid;grid-template-columns:auto minmax(220px,320px) auto;align-items:center;border:1px solid #dfe7ef;background:#f8fbfd;border-radius:12px;padding:4px 4px 4px 10px;gap:7px}.verify-search-box>i{font-size:9px;color:#8b9baa}.verify-search-box input{height:32px;border:0;background:transparent;outline:none;font-size:9px;color:#344b61}

.verify-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:8px}.verify-main,.verify-side{min-height:0;display:flex;flex-direction:column;gap:8px}
.verify-result-card{padding:0;border-radius:15px;overflow:hidden}
.verify-result-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px}.verify-result-banner.valid{background:linear-gradient(135deg,#ecfdf5,#f6fffb);border-bottom:1px solid #cfeee2}.verify-status-icon{width:46px;height:46px;border-radius:50%;background:#d1fae5;color:#059669;display:grid;place-items:center;font-size:23px}.verify-overline{font-size:7px;font-weight:800;letter-spacing:.11em;color:#57917a}.verify-result-banner h2{font-size:17px;margin:2px 0;color:#056b4b}.verify-result-banner p{font-size:8.5px;color:#5f7f72;margin:0}.verify-badge-valid{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#fff;color:#047857;border:1px solid #cfeee2;font-size:7.5px;font-weight:800}
.verify-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:4px 10px}.verify-info-item{padding:10px;border-right:1px solid #edf2f6;border-bottom:1px solid #edf2f6}.verify-info-item:nth-child(4n){border-right:0}.verify-info-item:nth-last-child(-n+4){border-bottom:0}.verify-info-item span{display:block;font-size:7px;color:#8898a8;text-transform:uppercase;letter-spacing:.04em}.verify-info-item b{display:block;font-size:9px;color:#2d455c;margin-top:3px}
.verify-integrity-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;background:#fafcff;border-top:1px solid #edf2f6}.verify-integrity-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center}.verify-integrity-strip i{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.verify-integrity-strip span{font-size:7px;color:#8393a4}.verify-integrity-strip b{font-size:8px;color:#334b62}

.verify-bottom-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.15fr;gap:8px}.verify-public-preview,.verify-history-card{min-height:0;overflow:hidden}
.public-verify-phone{height:calc(100% - 38px);min-height:260px;display:grid;place-items:center;padding-top:6px}.public-verify-phone{position:relative}.public-verify-phone:before{content:"";position:absolute;width:165px;height:300px;border-radius:28px;background:#111827;box-shadow:0 16px 28px -18px rgba(15,23,42,.45)}.phone-screen{position:relative;z-index:1;width:151px;height:286px;border-radius:22px;background:#fff;overflow:hidden;padding:14px 11px;text-align:center}.phone-speaker{position:absolute;top:13px;width:45px;height:5px;border-radius:999px;background:#2b3440;z-index:2}.public-brand{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#173149}.public-brand-logo{width:21px;height:21px;border-radius:7px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center}.public-check{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ecfdf5;color:#059669;font-size:25px;margin:20px auto 8px}.phone-screen h3{font-size:10px;color:#056b4b;margin:0}.phone-screen p{font-size:6.8px;line-height:1.35;color:#718397;margin:5px 0 10px}.public-data{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:9px;background:#f8fafc;border:1px solid #e7edf3}.public-data span{font-size:8.5px;font-weight:800;color:#173149}.public-data small{font-size:6.7px;color:#738699}.public-trust{font-size:6.5px;color:#047857;margin-top:9px}

.verify-history-list{display:flex;flex-direction:column;gap:6px}.verify-history-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid #e5ecf2;border-radius:10px;background:#fbfdff}.verify-history-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.verify-history-icon.ok{background:#ecfdf5;color:#059669}.verify-history-icon.danger{background:#fff1f0;color:#d9483b}.verify-history-row b{display:block;font-size:8.5px;color:#2f475e}.verify-history-row small{font-size:7px;color:#8394a6}.verify-history-meta{text-align:right}.verify-history-meta span{display:block;font-size:7px;color:#8998a8}.verify-history-meta b{font-size:7.5px;color:#059669;margin-top:2px}.danger-text{color:#d9483b!important}

.verify-qr-card{text-align:center;padding:11px}.verify-qr-box{width:118px;height:118px;margin:8px auto;border:1px solid #dfe7ef;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:74px;color:#173149;box-shadow:inset 0 0 0 8px #f8fafc}.verify-qr-card>b{display:block;font-size:9px;color:#173149}.verify-qr-card>small{display:block;font-size:7px;color:#8495a6;line-height:1.35;margin:4px 15px 9px}
.verify-state-card{padding:10px}.verify-state-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;padding:8px 3px}.verify-state-row:last-child{border-bottom:0}.verify-state-row.active{background:#f8fbff;border-radius:9px;padding-left:7px;padding-right:7px}.state-dot{width:9px;height:9px;border-radius:50%}.state-dot.green{background:#10b981}.state-dot.red{background:#ef4444}.state-dot.amber{background:#f59e0b}.state-dot.gray{background:#94a3b8}.verify-state-row b{display:block;font-size:8px;color:#2f475e}.verify-state-row small{display:block;font-size:7px;color:#8b9aaa}.verify-state-row>i{font-size:7px;color:#a2afbb}
.verify-trust-card{display:flex;gap:9px;align-items:flex-start;padding:11px;background:linear-gradient(145deg,#f8fbff,#edf4ff)}.verify-trust-icon{width:36px;height:36px;border-radius:11px;background:#e2ecff;color:#2563eb;display:grid;place-items:center;font-size:14px}.verify-trust-card b{display:block;font-size:8.5px;color:#173149}.verify-trust-card small{display:block;font-size:7px;line-height:1.4;color:#75889b;margin-top:3px}

.verify-result-banner.revoked{background:linear-gradient(135deg,#fff4f2,#fffafa);border-bottom:1px solid #f3d7d3}.verify-result-banner.revoked .verify-status-icon{background:#ffe1dd;color:#d9483b}.verify-result-banner.revoked h2{color:#b42318}.verify-result-banner.expired{background:linear-gradient(135deg,#fff8e9,#fffdf8);border-bottom:1px solid #f4e2b8}.verify-result-banner.expired .verify-status-icon{background:#ffefc5;color:#d97706}.verify-result-banner.expired h2{color:#a15c00}.verify-result-banner.notfound{background:linear-gradient(135deg,#f5f7f9,#fbfcfd);border-bottom:1px solid #e0e6ec}.verify-result-banner.notfound .verify-status-icon{background:#e9eef3;color:#64748b}.verify-result-banner.notfound h2{color:#475569}
@media(max-width:1150px){.verify-layout{grid-template-columns:1fr}.verify-side{display:none}.verify-info-grid{grid-template-columns:repeat(2,1fr)}.verify-info-item:nth-child(2n){border-right:0}.verify-bottom-grid{grid-template-columns:1fr 1fr}}

/* ===== Clean Frontend v13 : LOCKED Archive ===== */
.archive-page{padding-top:8px;gap:9px}
.archive-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-radius:15px}
.archive-kicker{font-size:8px;font-weight:900;letter-spacing:.08em;color:#0f9f8f;margin-bottom:6px}
.archive-title-row{display:flex;align-items:center;gap:10px}.archive-folder-icon{width:36px;height:36px;border-radius:10px;background:#effaf7;color:#0f9f8f;display:grid;place-items:center;font-size:18px;border:1px solid #d7eee8}.archive-title-row h2{font-size:18px;color:#173149;margin:0;letter-spacing:-.02em}.archive-title-row p{font-size:8.5px;color:#74879a;margin:3px 0 0}.archive-hero-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}

.archive-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.archive-stat{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:14px;min-width:0}.archive-stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:14px;flex:0 0 auto}.archive-stat-icon.blue{background:#eef4ff;color:#2563eb}.archive-stat-icon.green{background:#eafaf4;color:#0f9f75}.archive-stat-icon.cyan{background:#ebf8ff;color:#0284c7}.archive-stat-icon.purple{background:#f3eafe;color:#7c3aed}.archive-stat-icon.amber{background:#fff5e7;color:#ea8a00}.archive-stat-icon.red{background:#fff0f2;color:#e11d48}
.archive-stat small{display:block;font-size:7.5px;color:#63778d}.archive-stat strong{display:inline-block;font-size:16px;color:#173149;margin-top:4px}.archive-stat em{font-style:normal;font-size:6.8px;color:#0f9f75;background:#eafaf4;padding:2px 5px;border-radius:999px;margin-left:5px}.archive-stat p{font-size:7px;color:#8797a7;margin:4px 0 0}

.archive-filters{display:grid;grid-template-columns:1.55fr .8fr .85fr .85fr .85fr auto;gap:8px;align-items:end;padding:10px 12px;border-radius:14px}.archive-search{height:36px;border:1px solid #dce6ef;border-radius:10px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 10px}.archive-search i{font-size:9px;color:#8192a4}.archive-search input{border:0;outline:none;width:100%;font-size:8.5px;color:#40556b}.archive-filter-field label{display:block;font-size:7px;color:#526a80;margin:0 0 3px 7px;font-weight:700}.archive-filter-field select{width:100%;height:36px;border:1px solid #dce6ef;border-radius:10px;background:#fff;padding:0 9px;font-size:8px;color:#40556b}.archive-clear{height:36px;border:0;background:transparent;color:#475f75;font-size:8px;display:flex;align-items:center;gap:6px;padding:0 6px}.archive-clear i{color:#2563eb}

.archive-registry{flex:1;min-height:0;padding:0;border-radius:15px;overflow:hidden}.archive-tabsbar{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border-bottom:1px solid #e4ebf1;background:#fbfdff}.archive-tabs{display:flex;align-items:center;gap:4px;background:#f2f7fa;border:1px solid #e0e8ef;border-radius:10px;padding:3px}.archive-tabs button{height:32px;border:0;border-radius:8px;background:transparent;color:#5d7287;font-size:8px;font-weight:800;padding:0 10px}.archive-tabs button i{margin-right:5px}.archive-tabs button.active{background:#fff;color:#0f9f8f;box-shadow:0 4px 12px -9px rgba(15,23,42,.3)}.archive-list-meta{display:flex;align-items:center;gap:12px;font-size:7.5px;color:#72869a}.archive-list-meta select{height:30px;border:1px solid #dce6ef;border-radius:8px;background:#fff;font-size:8px;padding:0 7px}
.archive-tab-panel{display:none;height:calc(100% - 49px)}.archive-tab-panel.active{display:flex;flex-direction:column}.archive-table-wrap{flex:1;min-height:0;overflow:auto}.archive-table{width:100%;border-collapse:collapse;table-layout:fixed}.archive-table th{height:38px;background:#f5f8fb;border-bottom:1px solid #e2e9f0;padding:0 9px;text-align:left;font-size:6.8px;color:#536b82;letter-spacing:.02em}.archive-table td{padding:8px 9px;border-bottom:1px solid #e8eef3;font-size:7.5px;color:#425a70;vertical-align:middle}.archive-table td b{display:block;font-size:7.8px;color:#173149}.archive-table td small{display:block;font-size:6.7px;color:#8797a8;margin-top:2px}.archive-status,.archive-validity{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 7px;font-size:6.8px;font-weight:800;white-space:nowrap}.archive-status i{width:6px;height:6px;border-radius:50%}.archive-status.active{background:#e9f9f3;color:#087c62}.archive-status.active i{background:#10b981}.archive-status.expired{background:#fff0f2;color:#d81b45}.archive-status.expired i{background:#ef4444}.archive-validity.neutral{background:#eef4ff;color:#365f9d}.archive-validity.valid{background:#e9f9f3;color:#087c62}.archive-validity.expired{background:#fff0f2;color:#d81b45}
.archive-actions{display:flex;gap:5px;white-space:nowrap}.archive-actions button{height:29px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#40566b;font-size:6.8px;padding:0 7px}.archive-actions button i{margin-right:3px}.archive-actions button.danger{background:#fff3f4;border-color:#f2d4d8;color:#d53d4e}
.archive-table th:nth-child(1){width:8%}.archive-table th:nth-child(2){width:11%}.archive-table th:nth-child(3){width:10%}.archive-table th:nth-child(4){width:10%}.archive-table th:nth-child(5){width:16%}.archive-table th:nth-child(6){width:8%}.archive-table th:nth-child(7){width:8%}.archive-table th:nth-child(8){width:24%}
.archive-table-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:7px;color:#72869a;background:#fbfdff}.archive-pagination{display:flex;gap:5px}.archive-pagination button{width:28px;height:28px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#63788d}.archive-pagination button.active{background:#0f9f8f;color:#fff;border-color:#0f9f8f}
.archive-empty-mini{margin:auto;display:flex;align-items:center;gap:10px;color:#5f7488}.archive-empty-mini b{display:block;font-size:10px;color:#173149}.archive-empty-mini small{display:block;font-size:8px;color:#8495a7;margin-top:2px}
@media(max-width:1250px){.archive-stats{grid-template-columns:repeat(3,1fr)}.archive-filters{grid-template-columns:1.4fr repeat(2,1fr)}.archive-clear{display:none}}

/* ===== Clean Frontend v14 : Reports ===== */
.reports-page{padding-top:8px;gap:8px}
.reports-commandbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px}
.reports-command-left{display:flex;align-items:center;gap:9px}.reports-icon{width:38px;height:38px;border-radius:11px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:15px}.reports-command-left b{display:block;font-size:10.5px;color:#173149}.reports-command-left small{display:block;font-size:8px;color:#7d8fa1;margin-top:2px}.reports-command-right{display:flex;align-items:center;gap:7px}

.report-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.report-kpi{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:13px}.report-kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.report-kpi-icon.blue{background:#eaf2ff;color:#2563eb}.report-kpi-icon.green{background:#ecfdf5;color:#059669}.report-kpi-icon.amber{background:#fff7e6;color:#d97706}.report-kpi-icon.purple{background:#f3e8ff;color:#7c3aed}.report-kpi-icon.red{background:#fff0f2;color:#e11d48}.report-kpi small{display:block;font-size:7.5px;color:#75889b}.report-kpi strong{display:block;font-size:15px;color:#173149;margin-top:2px}.report-kpi em{display:block;font-size:6.8px;color:#8a9aaa;font-style:normal;margin-top:2px}

.reports-grid{display:grid;gap:8px}.reports-main-grid{grid-template-columns:1.7fr .8fr}.reports-bottom-grid{grid-template-columns:1.2fr .85fr .95fr;flex:1;min-height:0}
.report-chart-card,.distribution-card,.expiry-card,.verification-card,.report-shortcuts-card{min-height:0;overflow:hidden}
.chart-legend{display:flex;gap:10px;font-size:7.5px;color:#6f8295}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.dot.blue{background:#2563eb}.dot.green{background:#10b981}

.bar-chart{height:220px;display:grid;grid-template-columns:28px 1fr;gap:8px;padding:8px 4px 0}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:6.8px;color:#93a0ad;padding-bottom:19px}.bars{display:grid;grid-template-columns:repeat(9,1fr);align-items:end;gap:10px;border-left:1px solid #e7edf3;border-bottom:1px solid #e7edf3;padding:0 8px 18px;background-image:linear-gradient(to top,#edf2f6 1px,transparent 1px);background-size:100% 25%}.bar-group{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative}.bar{width:9px;border-radius:5px 5px 0 0}.bar.blue{background:linear-gradient(#6ea0ff,#2563eb)}.bar.green{background:linear-gradient(#6ee7b7,#10b981)}.bar-group>span{position:absolute;bottom:-15px;font-size:6.8px;color:#7e90a2}

.donut-wrap{height:220px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.donut-chart{width:150px;height:150px;border-radius:50%;margin:auto;background:conic-gradient(#2563eb 0 35%,#f97316 35% 55%,#ef4444 55% 70%,#8b5cf6 70% 80%,#14b8a6 80% 88%,#94a3b8 88% 100%);display:grid;place-items:center}.donut-hole{width:88px;height:88px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-hole b{font-size:15px;color:#173149}.donut-hole small{font-size:7px;color:#8495a6}.donut-legend{display:flex;flex-direction:column;gap:8px}.donut-legend>div{display:flex;justify-content:space-between;gap:8px;font-size:7.5px;color:#60758a}.donut-legend b{color:#31485e}.dot.c1{background:#2563eb}.dot.c2{background:#f97316}.dot.c3{background:#ef4444}.dot.c4{background:#8b5cf6}.dot.c5{background:#14b8a6}.dot.c6{background:#94a3b8}

.expiry-list{display:flex;flex-direction:column;gap:6px}.expiry-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid #e5ecf2;border-radius:10px;background:#fbfdff}.expiry-avatar{width:30px;height:30px;border-radius:9px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-size:7.5px;font-weight:800}.expiry-row b{display:block;font-size:8.5px;color:#2f475e}.expiry-row small{font-size:7px;color:#8495a6}.expiry-date{text-align:right}.expiry-date b{color:#d97706}.expiry-date small{display:block}

.verification-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.verification-metrics>div{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #e5ecf2;border-radius:9px;background:#fbfdff}.metric-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.metric-icon.green{background:#ecfdf5;color:#059669}.metric-icon.red{background:#fff1f0;color:#d9483b}.metric-icon.amber{background:#fff7e6;color:#d97706}.verification-metrics b{display:block;font-size:9px;color:#173149}.verification-metrics small{font-size:6.8px;color:#8293a5}
.verification-progress{margin-top:12px;display:flex;flex-direction:column;gap:5px}.verification-progress>div:not(.progress){display:flex;justify-content:space-between;font-size:7px;color:#708396}.verification-progress b{color:#31485e}.progress{height:7px;border-radius:999px;background:#edf2f6;overflow:hidden}.progress span{display:block;height:100%;background:#10b981;border-radius:999px}.progress.danger span{background:#ef4444}

.report-shortcuts{display:flex;flex-direction:column;gap:6px}.report-shortcuts button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #e5ecf2;border-radius:9px;background:#fbfdff;text-align:left;padding:8px}.report-shortcuts button>span{width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.report-shortcuts b{display:block;font-size:8px;color:#173149}.report-shortcuts small{display:block;font-size:6.8px;color:#8394a5;margin-top:2px}.report-shortcuts button>i{font-size:7px;color:#9cabb9}
@media(max-width:1180px){.report-kpis{grid-template-columns:repeat(3,1fr)}.reports-main-grid,.reports-bottom-grid{grid-template-columns:1fr}.bar-chart{height:190px}.donut-wrap{height:auto;padding:10px 0}}

/* ===== Clean Frontend v15 : System Settings ===== */
.settings-page{padding-top:8px;gap:8px}
.settings-shell{flex:1;min-height:0;display:grid;grid-template-columns:215px minmax(0,1fr);gap:8px}
.settings-nav-card{padding:0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.settings-nav-head{display:flex;align-items:center;gap:9px;padding:12px;border-bottom:1px solid #e7edf3;background:#fbfdff}.settings-nav-icon{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.settings-nav-head b{display:block;font-size:9.5px;color:#173149}.settings-nav-head small{display:block;font-size:7px;color:#8293a5;margin-top:2px}
.settings-nav{padding:7px;display:flex;flex-direction:column;gap:3px}.settings-nav button{height:36px;border:0;border-radius:9px;background:transparent;color:#607489;display:grid;grid-template-columns:24px 1fr;align-items:center;text-align:left;padding:0 8px;font-size:8.5px;font-weight:700}.settings-nav button i{color:#7890a7}.settings-nav button:hover{background:#f4f7fb;color:#2357d9}.settings-nav button.active{background:#eef4ff;color:#2357d9}.settings-nav button.active i{color:#2357d9}
.settings-nav-foot{margin-top:auto;padding:10px;border-top:1px solid #e7edf3}.system-health-pill{display:flex;align-items:center;gap:7px;padding:8px;border-radius:9px;background:#f2fbf7;border:1px solid #d9efe5}.system-health-pill>span{width:8px;height:8px;border-radius:50%;background:#10b981}.system-health-pill b{display:block;font-size:7.5px;color:#18745a}.system-health-pill small{display:block;font-size:6.5px;color:#6f8f82;margin-top:1px}.settings-version{text-align:center;font-size:6.5px;color:#9aa8b6;margin-top:8px}

.settings-content{min-height:0}.settings-panel{display:none;height:100%}.settings-panel.active{display:block}.settings-card{height:100%;min-height:0;overflow:auto;padding:14px;border-radius:15px}.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e8eef3;margin-bottom:12px}.settings-card-head h2{font-size:14px;color:#173149;margin:0}.settings-card-head p{font-size:8px;color:#7b8ea1;margin:3px 0 0}
.settings-grid{display:grid;gap:9px}.settings-grid.two{grid-template-columns:1fr 1fr}.settings-grid.three{grid-template-columns:repeat(3,1fr)}.setting-field label{display:block;font-size:7.5px;font-weight:800;color:#718599;margin:0 0 5px 3px}
.settings-subcard{margin-top:12px;border:1px solid #e4ebf1;border-radius:12px;background:#fbfdff;padding:10px}.settings-subcard>div:first-child{margin-bottom:5px}.settings-subcard>div:first-child b{display:block;font-size:9px;color:#173149}.settings-subcard>div:first-child small{display:block;font-size:7px;color:#8394a5;margin-top:2px}
.settings-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid #edf2f6}.settings-switch-row:last-child{border-bottom:0}.settings-switch-row b{display:block;font-size:8px;color:#31495f}.settings-switch-row small{display:block;font-size:6.8px;color:#8696a6;margin-top:2px}.settings-switch-row input{width:16px;height:16px;accent-color:#2563eb}

.number-preview-card{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #d9e5f1;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#eef4ff);margin-bottom:12px}.number-preview-card span{display:block;font-size:7px;color:#708396}.number-preview-card strong{display:block;font-size:17px;color:#1e4fd6;letter-spacing:.04em;margin-top:3px}
.prefix-table{border:1px solid #e3eaf1;border-radius:10px;overflow:hidden}.prefix-head,.prefix-row{display:grid;grid-template-columns:1.3fr .5fr 1fr;gap:8px;align-items:center;padding:7px 9px}.prefix-head{background:#f4f7fa;font-size:7px;font-weight:800;color:#708396}.prefix-row{border-top:1px solid #edf2f6;font-size:7.5px}.prefix-row b{color:#31495f}.prefix-row input{height:28px;border:1px solid #dce6ef;border-radius:7px;padding:0 6px;font-size:7.5px}.prefix-row span{color:#718397}

.verification-domain-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #dfe8f1;border-radius:11px;background:#fbfdff}.settings-domain-icon{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.verification-domain-card small{display:block;font-size:7px;color:#8192a4}.verification-domain-card b{display:block;font-size:9px;color:#173149;margin-top:2px}

.role-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:11px}.role-summary-grid>div{display:flex;align-items:center;gap:8px;border:1px solid #e3eaf1;border-radius:10px;background:#fbfdff;padding:9px}.role-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.role-icon.owner{background:#fff7e6;color:#d97706}.role-icon.admin{background:#eef4ff;color:#2563eb}.role-icon.editor{background:#f3e8ff;color:#7c3aed}.role-icon.viewer{background:#ecfdf5;color:#059669}.role-summary-grid b{display:block;font-size:11px;color:#173149}.role-summary-grid small{font-size:6.8px;color:#8495a6}
.settings-user-list{display:flex;flex-direction:column;gap:5px}.settings-user-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:8px;border:1px solid #e4ebf1;border-radius:10px;background:#fbfdff;padding:8px}.settings-user-row b{display:block;font-size:8px;color:#173149}.settings-user-row small{font-size:6.8px;color:#8394a5}.role-chip{font-size:6.8px;font-weight:800;padding:4px 7px;border-radius:999px}.role-chip.owner{background:#fff7e6;color:#d97706}.role-chip.admin{background:#eef4ff;color:#2563eb}.role-chip.editor{background:#f3e8ff;color:#7c3aed}

.security-score{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #cdeee0;font-size:7px;font-weight:800}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.security-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid #e3eaf1;border-radius:10px;background:#fbfdff}.security-item>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.security-item.ok>span{background:#ecfdf5;color:#059669}.security-item.warn>span{background:#fff7e6;color:#d97706}.security-item b{display:block;font-size:8px;color:#31495f}.security-item small{font-size:6.8px;color:#8394a5}.security-item.ok>i{color:#059669}

.backup-status-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #dfe8f1;border-radius:11px;background:#fbfdff;margin-bottom:12px}.backup-icon{width:36px;height:36px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.backup-status-card small{display:block;font-size:7px;color:#8394a5}.backup-status-card b{display:block;font-size:9px;color:#173149;margin-top:2px}.backup-status-card div>span{display:block;font-size:6.8px;color:#8797a7;margin-top:2px}.data-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.data-action-grid button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left;border:1px solid #e3eaf1;border-radius:10px;background:#fbfdff;padding:9px}.data-action-grid button>span{width:30px;height:30px;border-radius:9px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.data-action-grid b{display:block;font-size:8px;color:#173149}.data-action-grid small{display:block;font-size:6.8px;color:#8394a5;margin-top:2px}.data-action-grid button>i{font-size:7px;color:#9eacb9}
@media(max-width:1100px){.settings-shell{grid-template-columns:185px minmax(0,1fr)}.settings-grid.two,.settings-grid.three,.security-grid{grid-template-columns:1fr}.role-summary-grid,.data-action-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== Clean Frontend v16 : PHASE 1 LIVE CORE (Auth + Tenant + Firma) ===== */
.cc-auth-overlay{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.54);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}
.cc-auth-overlay[hidden]{display:none}
.cc-auth-card{width:min(420px,94vw);border-radius:22px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 30px 80px rgba(15,23,42,.28);padding:23px}
.cc-auth-brand{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #edf2f6}.cc-auth-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#2f67ed,#1d4ed8);color:#fff;font-size:18px;box-shadow:0 12px 24px -14px rgba(37,99,235,.7)}.cc-auth-brand strong{display:block;font-size:17px;color:#10243f}.cc-auth-brand span{display:block;font-size:8px;color:#8696a6;margin-top:2px}
.cc-auth-copy{padding:17px 0 11px}.cc-auth-copy h2{font-size:15px;color:#173149;margin:0}.cc-auth-copy p{font-size:8.5px;line-height:1.5;color:#74879a;margin:5px 0 0}
#ccLoginForm label{display:block;font-size:8px;font-weight:800;color:#64788d;margin:9px 0 5px 3px}#ccLoginForm label span{font-weight:500;color:#9aa8b5}
.cc-auth-input{height:40px;border:1px solid #dce6ef;border-radius:11px;display:grid;grid-template-columns:31px 1fr;align-items:center;background:#fbfdff}.cc-auth-input i{text-align:center;color:#8798a9;font-size:10px}.cc-auth-input input{height:100%;border:0;outline:0;background:transparent;padding:0 9px 0 0;font:500 9.5px Geist;color:#2d4359}
.cc-auth-submit{width:100%;height:41px;border:0;border-radius:11px;margin-top:13px;background:linear-gradient(135deg,#2f67ed,#1d4ed8);color:#fff;font:800 9px Geist;box-shadow:0 12px 20px -15px rgba(37,99,235,.7)}
.cc-auth-error{min-height:14px;padding-top:5px;font-size:7.5px;color:#dc2626}.cc-auth-foot{margin-top:13px;text-align:center;font-size:7px;color:#8a9aaa}.cc-auth-foot i{color:#2563eb;margin-right:4px}
.cc-api-status{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc}.cc-api-status span{width:7px;height:7px;border-radius:50%;background:#f59e0b}.cc-api-status b{font-size:7px;color:#66798d}.cc-api-status.online span{background:#10b981}.cc-api-status.online b{color:#047857}.cc-api-status.offline span{background:#ef4444}.cc-api-status.offline b{color:#b42318}
.cc-live-placeholder{padding:16px;text-align:center;color:#7f91a3;font-size:8px}.cc-live-placeholder i{margin-right:5px;color:#2563eb}
.cc-toast{position:fixed;right:20px;bottom:20px;z-index:10000;min-width:240px;max-width:420px;padding:11px 13px;border-radius:11px;background:#173149;color:#fff;box-shadow:0 16px 35px rgba(15,23,42,.24);font-size:8.5px;font-weight:700}.cc-toast.success{background:#047857}.cc-toast.error{background:#b42318}
.cc-live-value{transition:.18s ease}.cc-live-flash{box-shadow:0 0 0 3px rgba(37,99,235,.09)!important;border-color:#8fb2ee!important}