desktop/system/apps/admin-apps/assets/app.css

#admin-apps-app {
    color: #102033;
}

#admin-apps-app,
#admin-apps-app * {
    box-sizing: border-box;
}

#admin-apps-app.is-loading {
    opacity: 0.72;
    pointer-events: none;
}

#admin-apps-app .aa-shell,
#admin-apps-app .aa-frame,
#admin-apps-app .aa-main,
#admin-apps-app .aa-panel {
    min-height: 100%;
}

#admin-apps-app .aa-brand,
#admin-apps-app .aa-copy,
#admin-apps-app .aa-meta,
#admin-apps-app .aa-table-copy,
#admin-apps-app .aa-message,
#admin-apps-app .aa-side-metric span,
#admin-apps-app .aa-field span,
#admin-apps-app .aa-inline-card p {
    color: #4a6079;
}

#admin-apps-app .aa-kicker {
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.72rem;
    color: #6d84a0;
    margin: 0 0 0.45rem;
}

#admin-apps-app .aa-sidebar {
    background: linear-gradient(180deg, rgba(10, 32, 58, 0.96), rgba(21, 52, 90, 0.92));
    color: #f3f7fb;
}

#admin-apps-app .aa-sidebar .aa-copy,
#admin-apps-app .aa-sidebar .aa-meta,
#admin-apps-app .aa-sidebar .aa-side-metric span,
#admin-apps-app .aa-sidebar .aa-kicker {
    color: rgba(232, 241, 250, 0.78);
}

#admin-apps-app .aa-sidebar .aa-card {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

#admin-apps-app .aa-nav-button.is-active {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.18);
}

#admin-apps-app .aa-grid {
    display: grid;
    gap: 1rem;
}

#admin-apps-app .aa-grid--stats,
#admin-apps-app .aa-grid--diag {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    margin-bottom: 1rem;
}

#admin-apps-app .aa-stat-card,
#admin-apps-app .aa-diag-card {
    display: grid;
    gap: 0.35rem;
}

#admin-apps-app .aa-stat-card strong,
#admin-apps-app .aa-diag-card strong,
#admin-apps-app .aa-side-metric strong {
    font-size: 1.35rem;
    color: #102033;
}

#admin-apps-app .aa-side-title,
#admin-apps-app .aa-section-title {
    font-size: 1rem;
    margin: 0;
}

#admin-apps-app .aa-side-metric,
#admin-apps-app .aa-field,
#admin-apps-app .aa-inline-card {
    display: grid;
    gap: 0.35rem;
}

#admin-apps-app .aa-form {
    display: grid;
    gap: 1rem;
}

#admin-apps-app .aa-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

#admin-apps-app .aa-field--full {
    grid-column: 1 / -1;
}

#admin-apps-app .aa-field input,
#admin-apps-app .aa-field textarea,
#admin-apps-app .aa-field select {
    width: 100%;
    border: 1px solid #c9d4e0;
    border-radius: 12px;
    padding: 0.8rem 0.95rem;
    background: #f8fbfd;
    color: #102033;
    font: inherit;
}

#admin-apps-app .aa-field textarea {
    resize: vertical;
    min-height: 8rem;
}

#admin-apps-app .aa-section-head,
#admin-apps-app .aa-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

#admin-apps-app .aa-primary {
    background: #153d68;
    color: #f7fbff;
}

#admin-apps-app .aa-table-wrap {
    overflow: auto;
}

#admin-apps-app .aa-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

#admin-apps-app .aa-table th,
#admin-apps-app .aa-table td {
    text-align: left;
    vertical-align: top;
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #dde6ee;
}

#admin-apps-app .aa-table th {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6d84a0;
}

#admin-apps-app .aa-table code,
#admin-apps-app .aa-inline-card code {
    display: inline-block;
    font-size: 0.86rem;
    background: #eef4f8;
    color: #153d68;
    border-radius: 10px;
    padding: 0.18rem 0.45rem;
    word-break: break-all;
}

#admin-apps-app .aa-flag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

#admin-apps-app .aa-inline-card {
    align-self: end;
    background: #f4f8fb;
}

#admin-apps-app .aa-message {
    border-radius: 14px;
    padding: 0.9rem 1rem;
    background: #eef4f8;
}

#admin-apps-app .aa-message.is-success {
    background: #e7f6ec;
    color: #1e6a3c;
}

#admin-apps-app .aa-message.is-error {
    background: #fdecec;
    color: #9b263a;
}

#admin-apps-app .aa-list {
    margin: 0.65rem 0 0;
    padding-left: 1.1rem;
}

@media (max-width: 960px) {
    #admin-apps-app .aa-form-grid {
        grid-template-columns: 1fr;
    }

    #admin-apps-app .aa-table {
        min-width: 640px;
    }
}