.stm-front { font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#1e293b; max-width:1280px; margin:0 auto; overflow-x:hidden; }
                .stm-front *, .stm-front *::before, .stm-front *::after { box-sizing:border-box; }
                .stm-front .stm-shell { background:#f8fafc; border:1px solid #dbeafe; border-radius:18px; padding:14px; box-shadow:0 10px 28px rgba(15,23,42,.06); }
                .stm-front .stm-head { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin:4px 2px 20px; }
                .stm-front .stm-title { margin:0; font-size:40px; line-height:1.05; color:#0f172a; font-weight:800; letter-spacing:-.02em; }
                .stm-front .stm-head-right { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
                .stm-front .stm-user {
                    background:#fff; border:1px solid #dbeafe; border-radius:999px;
                    padding:8px 12px; font-size:15px; color:#334155;
                }
                .stm-front .stm-user strong { color:#0f766e; }
                .stm-front .stm-top-link {
                    display:inline-flex; align-items:center; justify-content:center;
                    min-height:34px; padding:6px 12px; border-radius:10px; font-size:13px;
                    text-decoration:none; border:1px solid #bfdbfe; background:#eff6ff; color:#1d4ed8; font-weight:700;
                }
                .stm-front .stm-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
                .stm-front .stm-metric { border:1px solid #e2e8f0; border-radius:14px; padding:14px; background:#fff; position:relative; overflow:hidden; }
                .stm-front .stm-metric::before {
                    content:"";
                    position:absolute;
                    right:-18px;
                    top:-18px;
                    width:94px;
                    height:94px;
                    border-radius:999px;
                    opacity:.92;
                    pointer-events:none;
                }
                .stm-front .stm-metric::after {
                    content:"";
                    position:absolute;
                    right:18px;
                    top:18px;
                    width:32px;
                    height:32px;
                    opacity:.72;
                    background-repeat:no-repeat;
                    background-size:contain;
                    pointer-events:none;
                }
                .stm-front .stm-metric h4 { margin:0 0 4px; font-size:14px; color:#475569; text-transform:uppercase; letter-spacing:.04em; }
                .stm-front .stm-metric .v { font-size:34px; line-height:1; color:#0f172a; font-weight:800; }
                .stm-front .m1 { background:linear-gradient(135deg, #eef5ff, #f7fbff); }
                .stm-front .m2 { background:linear-gradient(135deg, #fff5e9, #fffaf2); }
                .stm-front .m3 { background:linear-gradient(135deg, #ecfff3, #f7fff9); }
                .stm-front .m4 { background:linear-gradient(135deg, #f2efff, #f8f6ff); }
                .stm-front .m1::before { background:radial-gradient(circle at 30% 30%, rgba(37,99,235,.18) 0%, rgba(37,99,235,.08) 62%, rgba(37,99,235,0) 100%); }
                .stm-front .m2::before { background:radial-gradient(circle at 30% 30%, rgba(194,65,12,.18) 0%, rgba(194,65,12,.08) 62%, rgba(194,65,12,0) 100%); }
                .stm-front .m3::before { background:radial-gradient(circle at 30% 30%, rgba(21,128,61,.18) 0%, rgba(21,128,61,.08) 62%, rgba(21,128,61,0) 100%); }
                .stm-front .m4::before { background:radial-gradient(circle at 30% 30%, rgba(109,40,217,.18) 0%, rgba(109,40,217,.08) 62%, rgba(109,40,217,0) 100%); }
                .stm-front .m1::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='16' rx='2'/%3E%3Cpath d='M9 2h6v4H9z'/%3E%3Cpath d='M9 10h6M9 14h4'/%3E%3C/svg%3E"); }
                .stm-front .m2::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2410c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 10-3 6.7'/%3E%3Cpath d='M21 4v8h-8'/%3E%3C/svg%3E"); }
                .stm-front .m3::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12.5l2.2 2.2 4.8-4.8'/%3E%3C/svg%3E"); }
                .stm-front .m4::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='2.5'/%3E%3Cpath d='M8.5 20h7l1.2-4.5L12 13l-4.7 2.5z'/%3E%3Cpath d='M6 10l-2 2m14-2l2 2'/%3E%3C/svg%3E"); }
                .stm-front .stm-quick-actions { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
                .stm-front .quick-btn {
                    display:inline-flex; align-items:center; gap:6px; text-decoration:none;
                    border-radius:10px; border:1px solid #bfdbfe; background:#eff6ff;
                    color:#1d4ed8; font-weight:700; font-size:13px; padding:8px 12px; min-height:36px;
                    cursor:pointer;
                }
                .stm-front .quick-btn.secondary { border-color:#dbeafe; background:#f8fbff; color:#334155; }
                .stm-front .quick-btn .dashicons { font-size:14px; width:14px; height:14px; line-height:14px; }

                .stm-front .stm-wrap { border:1px solid #e2e8f0; border-radius:14px; padding:12px; background:#fff; }
                .stm-front .stm-layout { display:grid; grid-template-columns:1fr; gap:14px; align-items:start; }
                .stm-front .stm-layout > div:first-child { display:none; }
                .stm-front .stm-filter { display:grid; grid-template-columns:minmax(220px,1fr) 170px 210px auto; gap:8px; margin-bottom:12px; align-items:center; }
                .stm-front .stm-filter.no-employee { grid-template-columns:minmax(220px,1fr) 170px auto; }
                .stm-front .stm-filter > * { width:100%; min-width:0; }
                .stm-front input,.stm-front select,.stm-front button { min-height:40px; border-radius:10px; border:1px solid #cbd5e1; padding:8px 10px; font-size:14px; }
                .stm-front button { background:linear-gradient(90deg, #2563eb, #4f46e5); color:#fff; border-color:#2563eb; cursor:pointer; font-weight:700; }
                .stm-front .btn-secondary { background:#fff; color:#334155; border-color:#cbd5e1; margin-left:6px; }
                .stm-front .tiny {
                    min-height:32px; padding:6px 10px; font-size:12px; border-radius:10px;
                    display:inline-flex; align-items:center; gap:6px; text-decoration:none; margin-right:0;
                }
                .stm-front .tiny .dashicons { font-size:14px; width:14px; height:14px; line-height:14px; }
                .stm-front .tiny.view { background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; }
                .stm-front .tiny.edit { background:#eef2ff; color:#3730a3; border:1px solid #c7d2fe; }
                .stm-front .tiny.status { background:#fff7ed; color:#9a3412; border:1px solid #fed7aa; }
                .stm-front .tiny.delete { background:#fef2f2; color:#b91c1c; border:1px solid #fecaca; }
                .stm-front .table-actions { white-space:nowrap; }
                .stm-front .table-actions .action-icon {
                    position:relative;
                    width:34px;
                    min-width:34px;
                    height:34px;
                    padding:0;
                    justify-content:center;
                    border-radius:10px;
                }
                .stm-front .table-actions .action-icon::after {
                    content:attr(data-tip);
                    position:absolute;
                    left:50%;
                    bottom:calc(100% + 6px);
                    transform:translateX(-50%) translateY(4px);
                    background:#0f172a;
                    color:#fff;
                    font-size:11px;
                    line-height:1.2;
                    padding:5px 7px;
                    border-radius:6px;
                    white-space:nowrap;
                    opacity:0;
                    pointer-events:none;
                    transition:all .16s ease;
                    z-index:20;
                }
                .stm-front .table-actions .action-icon:hover::after { opacity:1; transform:translateX(-50%) translateY(0); }

                .stm-front .table-wrap { overflow-x:auto; border:1px solid #dbe7f7; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.06); }
                .stm-front table { width:100%; border-collapse:collapse; border-spacing:0; min-width:860px; box-shadow:none !important; }
                .stm-front th,.stm-front td {
                    border:0 !important;
                    border-bottom:1px solid #edf2fb !important;
                    border-left:none !important;
                    border-right:none !important;
                    box-shadow:none !important;
                    padding:13px 12px;
                    text-align:left;
                    font-size:14px;
                    vertical-align:top;
                }
                .stm-front thead th {
                    background:#f5f9ff;
                    color:#334155;
                    font-weight:700;
                    text-transform:uppercase;
                    letter-spacing:.02em;
                    font-size:12px;
                    border-bottom:1px solid #dbe7f7;
                }
                .stm-front thead th:first-child { border-top-left-radius:12px; }
                .stm-front thead th:last-child { border-top-right-radius:12px; }
                .stm-front tbody tr:nth-child(even) { background:#fbfdff; }
                .stm-front tbody tr:hover { background:#ecf5ff; }
                .stm-front .desc { display:block; margin-top:2px; color:#64748b; font-size:12px; }
                .stm-front .stm-badge { border-radius:999px; padding:3px 9px; font-size:11px; font-weight:700; display:inline-block; text-transform:uppercase; letter-spacing:.03em; }
                .stm-front .todo { background:#eaf2ff; color:#1d4ed8; }
                .stm-front .progress { background:#fff3e8; color:#c2410c; }
                .stm-front .done { background:#eafcf1; color:#15803d; }
                .stm-front .low { background:#f8fafc; color:#475467; }
                .stm-front .medium { background:#eff8ff; color:#175cd3; }
                .stm-front .high { background:#fef2f2; color:#b42318; }
                .stm-front .points { color:#0f766e; font-weight:700; }

                .stm-front .task-cards { display:none; }
                .stm-front .task-card { border:1px solid #dbe7f7; border-radius:14px; padding:14px; margin-bottom:12px; background:#fff; box-shadow:0 2px 10px rgba(15,23,42,.04); }
                .stm-front .task-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
                .stm-front .task-card h5 { margin:0 0 6px; font-size:18px; color:#0f172a; line-height:1.2; }
                .stm-front .task-toggle {
                    border:1px solid #cbd5e1; background:#fff; color:#334155;
                    border-radius:9px; padding:5px 10px; font-size:12px; font-weight:700; cursor:pointer; min-height:30px;
                }
                .stm-front .task-details { display:none; }
                .stm-front .task-card.is-open .task-details { display:block; }
                .stm-front .task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
                .stm-front .task-grid > div {
                    border:1px solid #e2e8f0;
                    background:#f8fbff;
                    border-radius:10px;
                    padding:8px 10px;
                    min-height:56px;
                    display:flex;
                    flex-direction:column;
                    justify-content:center;
                }
                .stm-front .task-grid .stm-badge { width:max-content; }
                .stm-front .task-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
                .stm-front .task-actions .tiny { flex:1 1 calc(50% - 8px); justify-content:center; }
                .stm-front .stm-pagination { margin-top:10px; display:flex; gap:6px; flex-wrap:wrap; }
                .stm-front .stm-page-link {
                    display:inline-flex; align-items:center; justify-content:center;
                    min-height:32px; min-width:32px; padding:4px 10px;
                    border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#334155;
                    text-decoration:none; font-size:12px; font-weight:700;
                }
                .stm-front .stm-page-link.is-active { border-color:#2563eb; background:#eff6ff; color:#1d4ed8; }
                .stm-front .k { color:#64748b; font-size:11px; text-transform:uppercase; margin-bottom:2px; display:block; }
                .stm-front .leader { list-style:none; margin:0; padding:0; }
                .stm-front .leader li { display:flex; justify-content:space-between; border-bottom:1px solid #edf2f7; padding:7px 0; }
                .stm-front .notice { border:1px solid #dbeafe; border-radius:10px; padding:10px; margin:0 0 10px; background:#f8fbff; }
                .stm-front .notice.error { border-color:#fecaca; background:#fef2f2; }
                .stm-front .overdue-card { border:1px solid #fecaca; border-radius:12px; padding:10px; margin-bottom:10px; background:#fff7f7; }
                .stm-front .overdue-card h5 { margin:0 0 6px; color:#9f1239; }
                .stm-front .overdue-reason { width:100%; min-height:70px; border:1px solid #fca5a5; border-radius:8px; padding:8px; }
                .stm-front .review-card { border:1px solid #fde68a; background:#fffbeb; border-radius:10px; padding:10px; margin-bottom:10px; }
                .stm-front dialog { border:none; border-radius:12px; width:min(560px,92vw); }
                .stm-front dialog::backdrop { background:rgba(15,23,42,.35); }
                .stm-front .stm-credit {
                    margin-top:12px;
                    text-align:center;
                    font-size:12px;
                    opacity:.56;
                    color:#334155;
                }
                .stm-front .stm-credit a {
                    color:inherit;
                    text-decoration:none;
                    transition:opacity .16s ease, color .16s ease;
                }
                .stm-front .stm-credit a:hover {
                    opacity:1;
                    color:#0f172a;
                }
                .stm-front .stm-dialog-head {
                    display:flex; justify-content:space-between; align-items:center;
                    padding:10px 12px; border-bottom:1px solid #e2e8f0;
                }
                .stm-front .stm-dialog-body { padding:12px; max-height:72vh; overflow:auto; }

                @media (max-width: 1100px) {
                    .stm-front .stm-title { font-size:32px; }
                    .stm-front .stm-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
                }
                @media (max-width: 1024px) {
                    .stm-front .stm-shell { padding:10px; border-radius:12px; }
                    .stm-front .stm-shell, .stm-front .stm-wrap, .stm-front .task-cards, .stm-front .task-card { width:100%; overflow:hidden; }
                    .stm-front .stm-title { font-size:28px; }
                    .stm-front .stm-filter { grid-template-columns:1fr 138px; }
                    .stm-front .stm-filter.no-employee > input[type="search"] { grid-column:1 / -1; }
                    .stm-front .stm-filter.no-employee > select { grid-column:1 / 2; }
                    .stm-front .stm-filter.no-employee > button { grid-column:2 / 3; }
                    .stm-front .stm-filter:not(.no-employee) { grid-template-columns:1fr 1fr; }
                    .stm-front .stm-filter:not(.no-employee) > input[type="search"] { grid-column:1 / -1; }
                    .stm-front .stm-filter:not(.no-employee) > button { grid-column:1 / -1; }
                    .stm-front .stm-filter input,
                    .stm-front .stm-filter select,
                    .stm-front .stm-filter button { width:100% !important; max-width:100%; min-width:0; }
                    .stm-front .stm-filter > button { width:100%; margin:0; }
                    .stm-front .stm-head { margin-bottom:16px; }
                    .stm-front .stm-head-right { width:100%; justify-content:flex-start; flex-wrap:wrap; overflow:visible; }
                    .stm-front .stm-top-link { flex:0 1 auto; }
                    .stm-front .stm-user { width:auto; border-radius:999px; flex:0 1 auto; }
                    .stm-front .table-wrap { display:none; }
                    .stm-front .task-cards { display:block; }
                    .stm-front .task-card { padding:12px; }
                    .stm-front .task-card h5 { font-size:17px; }
                    .stm-front .task-card-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; }
                    .stm-front .task-toggle { display:inline-flex; }
                    .stm-front .task-details { display:none; }
                    .stm-front .task-grid { grid-template-columns:1fr; }
                    .stm-front .task-grid > div { min-height:0; }
                    .stm-front .task-card .desc { white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
                    .stm-front .task-actions .tiny { flex:1 1 calc(50% - 8px); width:auto; }
                }
                @media (max-width: 460px) {
                    .stm-front .stm-filter.no-employee { grid-template-columns:minmax(0,1fr) 120px; }
                    .stm-front .stm-filter.no-employee > input[type="search"] { grid-column:1 / -1 !important; }
                    .stm-front .stm-filter.no-employee > select { grid-column:1 / 2 !important; }
                    .stm-front .stm-filter.no-employee > button { grid-column:2 / 3 !important; min-height:44px; }
                    .stm-front .stm-filter:not(.no-employee) { grid-template-columns:1fr; }
                    .stm-front .stm-filter:not(.no-employee) > * { grid-column:1 / -1 !important; }
                    .stm-front .task-grid { grid-template-columns:1fr; }
                    .stm-front .task-card-head { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:start; }
                    .stm-front .task-actions .tiny { flex:1 1 100%; width:100%; }
                }